Вобщем сейчас имеем:
$("#sidebar").ready(function(){
$("#afloor1").click(function(){
$("#ulpanel1").slideToggle("fast");
$("#ulpanel1").toggleClass("active");
});
$("#afloor2").click(function(){
$("#ulpanel2").slideToggle("fast");
$("#ulpanel2").toggleClass("active");
});
$("#afloor3").click(function(){
$("#ulpanel3").slideToggle("fast");
$("#ulpanel3").toggleClass("active");
});
$("#afloor4").click(function(){
$("#ulpanel4").slideToggle("fast");
$("#ulpanel4").toggleClass("active");
});
$("#afloor5").click(function(){
$("#ulpanel5").slideToggle("fast");
$("#ulpanel5").toggleClass("active");
});
$("#afloor6").click(function(){
$("#ulpanel6").slideToggle("fast");
$("#ulpanel6").toggleClass("active");
});
});
Поясню, как только загружаеться sidebar на кнопки afloor1-6 вешаеться событие которое скрывает/показывает блок ulpanel1-6
Так вот, как бы Вы сократили код?
Мне на ум приходит только цикл от 1 до 6. И в этом цикле вешать функции