$(\".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;
});
});