{% else-1 %}
$(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;
});
});
1 49 0
Без комментариев...