2015-11-06 52 views
0

所以我想用下面的腳本滑出的jQuery

$("#menu-mini-btn").click(function() { 
     $("#menu-mini").toggleClass("show-menu");  
}); 

這是HTML佈局編寫一個簡單的滑出菜單:

<ul id="menu-mini"> 
     <li><a href="#item1">Item1</a></li> 
     <li><a href="#item2">Item2</a></li> 
     <li><a href="#item3">Item3</a></li> 
</ul> 

<a href="#" id="menu-mini-btn">Button</a> 

編號菜單迷你包含幾個鏈接錨定到我的頁面上的區域。我該如何做到這一點,以便當您點擊錨點時,它會關閉滑出菜單?

任何幫助將非常感謝!

+0

你可以把你的整個代碼放在這裏嗎? – sandeepsure

+0

把你的代碼放在http://jsfiddle.net/並與我們分享。 – sandeepsure

回答

0

您想要將點擊事件附加到#menu-mini中的錨點並刪除該類。

$('#menu-mini a').click(function(){ 
    $('#menu-mini').removeClass('show-menu'); 
}); 
+0

工作簡單,謝謝! – omgummy