$(document).ready(function(){
$(\".btn-slide\".click(function(){ //если сделан клик
$(\"#panel\".slideToggle(\"slow\";
$(this).toggleClass(\"active\"; return false; //меняем класс

CSS-----
#panel {
background-color: #FFCC99;
border: 1px solid #DBE0EA;
padding: 4px 4px 4px 4px;
background: #FFCC99;
height: 40px;
display: none;

}
.slide {
font-weight: bold;
background-color: #FF6633;
border: 1px solid #D7CF9E;
padding: 4px 4px 4px 4px;
background: #FF6633;
color: #FFFFFF;
}
.btn-slide {
background: #FF6633;
width: 200px;
height: 20px;
display: block
}
#bs-panel{
position: absolute;
z-index: 999;
}
});
});

                        
$(document).ready(function(){ 

$(".btn-slide").click(function(){ 

$("#panel").slideToggle("slow");   

$(this).toggleClass("active"); return false;  

}); 

});