$(document).ready(function(){
	$(".btn-slide").click(function(){
		$("#panel1").slideToggle("slow");
		$(this).toggleClass("active"); return false;
	});
	
});

$(document).ready(function(){
	$(".btn-slide2").toggle(function(){
		$(this).parent().parent().find(".panel2").animate({"width": "+=654px"}, "slow");
		$(this).toggleClass("active"); return false;
	},function(){
		$(this).parent().parent().find(".panel2").animate({"width": "-=654px"}, "slow");
		$(this).toggleClass("active"); return false;
	});	 
});


$(document).ready(function(){
	$(".dropmenu .u").hide();
	$(".dropmenu .m").click(function(){
		$(this).next(".u").slideToggle("normal")  // происходит клик по заголовку <h4>, для следующего в нём элемента <ul> будет применен эффект slideToggle который раскрывает елемент//
		.siblings("ul:visible").slideUp("normal");  // происходит скрытие соседних <ul>//
		$(this).toggleClass("active"); //изменяет класс заголовка на "active"//
		$(this).siblings(".m").removeClass("active"); // у соседних заголовках <h4> и убирает класс "active" //
	});	
});