$(document).ready(function() {
        $('ul.udm').superfish({
            delay:       1000,                            // one second delay on mouseout
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation
            speed:       'normal',                          // faster animation speed
            autoArrows:  true,                           // disable generation of arrow mark-up
            dropShadows: true                            // disable drop shadows
        });
        
        
        $('ul.leftudm').superfish({
            delay:       1000,                            // one second delay on mouseout
            animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation
            speed:       'normal',                          // faster animation speed
            autoArrows:  false,                           // disable generation of arrow mark-up
            dropShadows: false                            // disable drop shadows
        });
        
        $(".btn-slide1").click(function(){
			$("#panel1").slideToggle("slow");
			$(this).toggleClass("active1"); return false;
		});

		$(".btn-slide2").click(function(){
			$("#panel2").slideToggle("slow");
			$(this).toggleClass("active2"); return false;
		});

		$(".btn-slide3").click(function(){
			$("#panel3").slideToggle("slow");
			$(this).toggleClass("active3"); return false;
		});

		$(".btn-slide4").click(function(){
			$("#panel4").slideToggle("slow");
			$(this).toggleClass("active4"); return false;
		});

		$(".btn-slide5").click(function(){
			$("#panel5").slideToggle("slow");
			$(this).toggleClass("active5"); return false;
		});

		$(".btn-slide6").click(function(){
			$("#panel6").slideToggle("slow");
			$(this).toggleClass("active6"); return false;
		});

		$(".btn-slide7").click(function(){
			$("#panel7").slideToggle("slow");
			$(this).toggleClass("active7"); return false;
		});

		$(".btn-slide8").click(function(){
			$("#panel8").slideToggle("slow");
			$(this).toggleClass("active8"); return false;
		});

		$(".btn-slide9").click(function(){
			$("#panel9").slideToggle("slow");
			$(this).toggleClass("active9"); return false;
		});

		$(".btn-slide10").click(function(){
			$("#panel10").slideToggle("slow");
			$(this).toggleClass("active10"); return false;
		});

		$(".btn-slide11").click(function(){
			$("#panel11").slideToggle("slow");
			$(this).toggleClass("active11"); return false;
		});

		$(".btn-slide12").click(function(){
			$("#panel12").slideToggle("slow");
			$(this).toggleClass("active12"); return false;
		});

		$(".btn-slide13").click(function(){
			$("#panel13").slideToggle("slow");
			$(this).toggleClass("active13"); return false;
		});

		$(".btn-slide14").click(function(){
			$("#panel14").slideToggle("slow");
			$(this).toggleClass("active14"); return false;
		});

		$(".btn-slide15").click(function(){
			$("#panel15").slideToggle("slow");
			$(this).toggleClass("active15"); return false;
		});

		$(".btn-slide16").click(function(){
			$("#panel16").slideToggle("slow");
			$(this).toggleClass("active16"); return false;
		});

		$(".btn-slide17").click(function(){
			$("#panel17").slideToggle("slow");
			$(this).toggleClass("active17"); return false;
		});

		$(".btn-slide18").click(function(){
			$("#panel18").slideToggle("slow");
			$(this).toggleClass("active18"); return false;
		});

		$(".btn-slide19").click(function(){
			$("#panel19").slideToggle("slow");
			$(this).toggleClass("active19"); return false;
		});

		$(".btn-slide20").click(function(){
			$("#panel20").slideToggle("slow");
			$(this).toggleClass("active20"); return false;
		});
		
    });