$(document).ready(function() {
	
   // $(".sidebar span:first").addClass("active"); // äîáàâëÿåì êëàññ 'active” ïåðâîìó ýëåìåíòó <h4> âíóòðè <div class=”sidebar”> //
	$(".sidebar ul").hide(); // ïðÿ÷åì âñå íå ïåðâûå <ul> ýëåìåíòû âíóòðè <div class=”sidebar”> //

	$(".sidebar span").click(function(){
		$(this).next("ul").slideToggle("fast")  // ïðîèñõîäèò êëèê ïî çàãîëîâêó <h4>, äëÿ ñëåäóþùåãî â í¸ì ýëåìåíòà <ul> áóäåò ïðèìåíåí ýôôåêò slideToggle êîòîðûé ðàñêðûâàåò åëåìåíò//
		.siblings("ul:visible").slideUp("fast");  // ïðîèñõîäèò ñêðûòèå ñîñåäíèõ <ul>//
		$(this).toggleClass("active"); //èçìåíÿåò êëàññ çàãîëîâêà íà “active”//
		$(this).siblings("span").removeClass("active"); // ó ñîñåäíèõ çàãîëîâêàõ <h4> è óáèðàåò êëàññ “active”//
	});


	
});