頂部抽屜導航菜單切換按下內容並顯示活動鏈接

Question

我在爲移動設備創建頂部抽屜導航菜單時遇到問題。我正在尋找類似於Google+ iPhone應用中使用的導航菜單的內容。

點擊時，我希望菜單滑動並用它向下推動頁面內容。

我還需要活動鏈接來更改和添加活動的類。然後，活動鏈接也顯示在頂部菜單頂部。

我已經把一個演示： http://jsfiddle.net/RFpDJ/

正如你可以看到我有大部分是有，但不能正常工作。

我使用或演示工作，我發現： http://www.jordanm.co.uk/lab/topdrawer

但是即時通訊努力得到它的工作就像上面的鏈接。我想盡可能使用CSS3轉換來避免jQuery（如果可能的話）。

<nav> 
    <ul class="nav nav-tabs nav-stacked"> 
    <li class="active"><a href="#">Products</a></li><!-- active link changes --> 
    <li><a href="#">Information</a></li> 
    <li><a href="#">History</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">Orders Complete</a></li> 
    </ul> 
</nav> 

希望有人能幫助，

感謝

Answer 1

添加在

$('.menu').click(function(e){ 
    $('.drawer').toggleClass('active'); 
    e.preventDefault(); 
}); 

http://jsfiddle.net/RFpDJ/1/