如何在點擊div時顯示導航內容？

-1

嗨我還沒有寫過我自己的自定義Java腳本，所以我需要一些幫助。如何在點擊div時顯示導航內容？

我有一個與類「BT - 菜單」的div，然後在導航標籤中的導航菜單。

我需要一個腳本，可以在單擊div時從左側滑入nav的內容。然後當按下屏幕上的div或其他任何位置時，導航將滑回左側。

希望有人能幫助，謝謝

來源

2015-10-04 Andeb-autos

你能張貼您的HTML代碼，您有？ – divy3993

有沒有需要花哨的jQuery甚至JavaScript的這裏，CSS adjacent sibling selector和tabindex能爲我們做到這一點：

div{ 
 
    background-color:red; 
 
} 
 
nav{ 
 
    position:absolute; 
 
    left:-100%; 
 
    transition:left 0.2s ease-in-out; 
 
} 
 
div:focus + nav{ 
 
    left:0; 
 
}

<div tabindex="0"> 
 
    <p>Click in this div</p> 
 
</div> 
 
<nav> 
 
    <a>Page1</a> 
 
    <a>Page2</a> 
 
    <a>Page3</a> 
 
    <a>Page4</a> 
 
    <a>Page5</a> 
 
</nav>

然而這取決於代碼中nav之前定義的div。

來源

2015-10-04 16:26:33 jaunt

這沒有奏效，看看我現在有的代碼的新問題：D http://stackoverflow.com/questions/32936516/how-do-i-make-nav-slide-in-on-點擊的-DIV –

您可以使用jQuery插件，嘗試在谷歌搜索，這裏的關鍵字：

jQuery的側面菜單插件

或者檢查此鏈接：Lightweight Sliding Sidebar Menu Plugin with jQuery - Tuxedo Menu

來源

2015-10-04 16:36:46 Zaid

如何在點擊div時顯示導航內容？

回答

相關問題