jQuery 토글 표시/숨기기 - div가 확장되지 않습니다.

Question

현재 숨겨져있는 아래의 HTML을 나타 내기 위해 확장해야하는 작은 메뉴가 있습니다. jQuery를 다음

:

이 코드 조각 this page에 잘 작동

$('.mobileMenu').click(function(e) { 
    $(this).toggleClass('arrowDown').next().slideToggle('slow'); 
}); 

그러나 나는 내 메뉴와 같은 기능을 활용해야 할 (왼쪽 COL에서 "숨기기"기능을 클릭) "모바일 너비".

브라우저 크기를 320 이하로 조정하고 here으로 가면 메뉴가 + 메뉴입니다 (비트가 흐릿하지만 작동 중임). 링크를 클릭하면 해당 메뉴가 펼쳐지지만 내용 영역이 main에 매달려 있습니다.

navigation div의 모든 div는 display:block이지만 여전히 main div를 푸시하지 않습니다. 전체 내용의 녹색으로 navigation div를 확장하고 싶습니다.

Answer 1

navigation div의 60px과 menuWrapper의 고정 된 높이가 30px입니다. 이 친척이 필요합니다.

Answer 2

는 작동합니다

#rightCol { 
width: 72.5%; 
display:inline-block; 
} 

#leftCol 
{ 
width: 25%; 
display:inline-block; 
} 

에

#rightCol { 
width: 72.5%; 
float:right; 
} 

#leftCol 
{ 
width: 25%; 
float:left; 
} 

에서 CSS를 변경

. 크롬에서 이것을 테스트했습니다.