사이드 바가 숨겨져있을 때 콘텐츠의 너비를 100 %로 설정 하시겠습니까?

Question

미리 불쌍한 영어를 용서해주십시오. http://bleachindonesia.com/forum/

당신이 왼쪽에있는 작은 X를 통지하는 경우, 그것은/숨기기 세로 막대를 표시하는 토글이 : 그래서 여기에 좋아

내가 가진 라이브 사이트입니다. jQuery가 정상적으로 작동합니다. 유일한 문제는 콘텐츠의 너비가 (100 %까지) 넓어지지 않고 사이드 바를 숨길 때 빈 공간을 채우지 않을 것입니다 (사이드 바는 숨겨져있을 때 빈 공간을 남겼습니다).

사이드 바를 숨기고 있지만 부드러운 애니메이션을 유지할 때 콘텐츠의 너비가 100 %가되어야합니다. 아마도 vBulletin forum에있는 것과 같습니다.

//<!-- 
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); 
    }); 
} 
//--> 

나는 그것이 종류의 비 대한, 아마도를 최소화 할 수있는 방법이 있다면, 매우 도움이 될 것입니다 것을 알고 :

여기 BTW JQuery와있다. 아무도 도와 줄 수 있니?

Answer 1

의 내용과 폭의 마진 오른쪽 애니메이션을하는

사용 jquery animate 당신은 당신의 토글 기능의 일부로서 content 폭을 조정할 수 있습니다. 다음과 같이 표시됩니다.

$('.lside').fadeOut(400, function(){$('#content').width("98%")}); 

$('.lside').fadeIn(400, function(){$('#content').width("76%")}); 

Answer 2

예를 들어, margin-right : 290px의 사이드 바 및 사이드 바의 사이드 바를 270px로 표시하고 숨기는 동안 margin-right : 0px; 너비는 0px입니다. 사이드 바