div 크기로 자동 위치를 유지하는 jQuery 애니메이션

Question

나는 왼쪽 메뉴 div를 가지고 있으며이를 클릭 할 때 보이거나 숨길 수 있습니다. 오른쪽 여백에 정렬 된 콘텐츠 div : 0 자동; 창 크기를 조정하면 창 가운데에서 완벽하게 정렬됩니다. 하지만, 내가 원하는 것은 왼쪽 메뉴 div가 전체 너비로 움직일 때 콘텐츠 div가 올바른 크기로 남은 나머지 공간의 중심에 애니메이션을 적용해야한다는 것입니다. 화면 해상도에 관계없이.

누군가 어떻게 생각 하나? 내 생각 엔 다음과 같이 계산하는 것입니다 :

document.viewport - leftmenu.width 그리고 나머지 절반은 컨텐츠 div의 중심에 정렬됩니다.

aargh에 정전이 있습니다. 누군가? 여기

바이올린 : http://jsfiddle.net/5A3qA/48/

Answer 1

$('#content').css('position','absolute'); 
var nwpos = ($(window).width() - $('#content').width())/2;   
nwpos= nwpos+ (tcontainer.width()/2); 
$('#content').css("left", nwpos + "px"); 

Answer 2

예는 현재 윈도우의 폭을 계산하고 왼쪽 메뉴가 걸리는 폭의 양을 빼기해야합니다. 그런 다음 나머지 너비에서 중심, 즉 너비/2를 가져 와서 콘텐츠 너비 너비의 절반을 뺍니다. = 화면 폭 w

- 폭 왼쪽 메뉴 왼쪽의 =/2 w - = 왼쪽 contentdivWidth/2 contentwidth.left