jQuery toggle show/hide - div не разворачивается

Question

У меня есть небольшое меню, которое должно раскрываться, чтобы открыть HTML-код ниже, который сейчас скрыт.

После JQuery:

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

Этот фрагмент кода большой на this page работы (нажмите на ссылку «скрыть» функцию на левой цв)

Однако мне нужно использовать ту же функцию с моим меню «Мобильная ширина».

Если вы измените размер своего браузера на 320 или около того и перейдите here, вы увидите, что меню - это просто меню (бит размытый в mo, но рабочий). Щелкните по нему, и меню разворачивается, чтобы показать ссылки, но они висят над областью содержимого main.

Все divs в navigation div - display:block, но они все еще не толкают main div. Я хочу, чтобы весь зеленый navigation div расширялся со своим контентом.

Answer 1

Вы имеете фиксированную высоту на navigation DIV из 60px и menuWrapper в 30px. Вам нужно сделать этот родственник.

Answer 2

изменить CSS от

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

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

в

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

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

он должен работать. Я испытал это на хроме