$(document).ready(function(){
	$(".btn-slide").click(function(){
      $("#panel").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
    
    $(".btn-slide1").click(function(){
      $("#panel1").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });


    $(".btn-slide2").click(function(){
      $("#panel2").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
    
    $(".btn-slide3").click(function(){
      $("#panel3").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
    
    $(".btn-slide4").click(function(){
      $("#panel4").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
    
    $(".btn-slide5").click(function(){
      $("#panel5").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
    
    $(".btn-slide6").click(function(){
      $("#panel6").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
    $(".btn-slide7").click(function(){
      $("#panel7").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
    
    $(".btn-slide8").click(function(){
      $("#panel8").animate({
      "width": "toggle"
    }, { duration: "slow" });
    $(this).toggleClass("active"); return false;
    });
    
});