jQuery를 통해 Foundation에서 확장 된 모바일 톱 바를 닫는 방법?

Question

항목 중 하나를 클릭하면 재단에서 확장 된 상단 바를 닫을 수 있을지 궁금합니다. 나는이의 중앙에 넣어 뭔가를 찾고 있어요 같아요

$('#some-menu-item').click(function() { 
    //some function to collapse the menu 
}); 

Answer 1

재단의 topbar.js의 174-176 줄을 들어 보면 알 수 있습니다.

$('#some-menu-item').click(function() { 
    $('.top-bar, [data-topbar]').css('height', '').removeClass('expanded'); 
}); 

Answer 2

$("#some-menu-item").click(function(){ 
    $(this).animate({height:10},200).attr('id', 'topbar'); 
    }); 

이 트릭은 당신이 가까이 할 수있는 메뉴 표시 줄을 원하는 크기의 높이 값을 대체해야한다.

Answer 3

클리너 방법 : 헤더에 넣어

: 같은 문제에 대한 내 빠른 해결

$(document).on("click", ".top-bar li", function() { 
    Foundation.libs.topbar.toggle($('.top-bar')); 
}); 

Answer 4

이 그런

<script type="text/javascript"> 
/*Fix toggle menu*/ 
function fixToggleMenu() 
{ 
    Foundation.libs.topbar.toggle($('.top-bar')); 
} 
</script> 

는,이 함수를 호출 귀하의 href :

... 
<li><a href="#services" onClick="fixToggleMenu();">Services</a></li> 
... 

Answer 5

훨씬 깨끗한 방법

$('#some-menu-item').click(function() { 
    $('nav.top-bar').foundation('topbar', 'toggle'); 
});