Заранее простите меня за мой плохой английский.
Хорошо, вот мой сайт: http://bleachindonesia.com/forum/
Если вы заметили маленький X слева, это переключатель для отображения/скрытия боковой панели. jQuery работает нормально. Единственная проблема заключается в том, что ширина содержимого не будет увеличиваться (до 100%) / не будет заполнять пустое пространство, когда я скрываю боковую панель (боковая панель оставляет пустое место, когда скрыта).
Мне нужно, чтобы ширина содержимого составляла 100%, когда боковая панель скрыта, но сохраняла плавную анимацию. Например, на форуме vBulletin.
Вот jQuery кстати:
//<!--
if($.cookie("sidebarpost") == undefined) {
$.cookie("sidebarpost", "expanded");
}
var state = $.cookie("sidebarpost");
if(state == "collapsed") {
$('.lside').hide();
$('.lclose').hide();
$('.lopen').show();
}
if($.cookie("sidebarpost") == "expanded") {
$("#left-side").toggle(function(){
$.cookie("sidebarpost", "collapsed");
$('.lopen,.lclose').toggle();
$('.lside').fadeOut().delay(1000);
$('#content').hide("slide", { direction: "left" }, 2000);
},function(){
$.cookie("sidebarpost", "expanded");
$('.lopen,.lclose').toggle();
$('#content').show("slide", { direction: "right" }, 2000).delay(1000);
$('.lside').fadeIn();
});
} else {
$("#left-side").toggle(function(){
$.cookie("sidebarpost", "expanded");
$('.lopen,.lclose').toggle();
$('#content').show("slide", { direction: "right" }, 2000).delay(1000);
$('.lside').fadeIn();
},function(){
$.cookie("sidebarpost", "collapsed");
$('.lopen,.lclose').toggle();
$('.lside').fadeOut().delay(1000);
$('#content').hide("slide", { direction: "left" }, 2000);
});
}
//-->
Я знаю, что это немного раздуто, возможно, если есть способ минимизировать это, было бы очень полезно. Кто-нибудь может помочь?