jquery垂直菜單彈出＆切換

Question

如何在下面的小提琴示例中添加展開全部鏈接並摺疊菜單中的所有鏈接？

而且是有辦法，我可以使用媒體查詢爲較小的屏幕只是一個菜單按鈕，點擊時的菜單應該在同樣的例子

http://jsfiddle.net/PZHF5/

中打開屏幕的一側彈出式視窗菜單

Thanks 

Answer 1

要展開/摺疊全部，您可以添加以下內容。請注意，這不會與您的插件進行通信，所以它是一種較爲簡單的解決方法。這就是說，它看起來並不像你自己做了很多修改代碼。至於響應菜單按鈕 - 你有什麼嘗試？關於文章內容

HTML

<a href="#" class="xpnd">Expand all</a> 
<a href="#" class="clps">Collapse all</a> 

jQuery的

var $ul = $('.topnav li ul'), 
    $sp = $('.topnav span'), 
    dur = 300; 
$('.xpnd').click(function(e){ 
    e.preventDefault(); 
    $ul.slideDown(dur); 
    $sp.replaceWith('<span>[-]</span>'); 
}); 
$('.clps').click(function(){ 
    e.preventDefault(); 
    $ul.slideUp(dur); 
    $sp.replaceWith('<span>[+]</span>'); 
});