我做了codePen爲你的菜單。
你可以看看這裏http://codepen.io/anon/pen/zqopzv
<div class="app-bar">
<a class="app-bar-element" href="...">Home</a>
<span class="app-bar-divider"></span>
<ul class="app-bar-menu">
<li><a href="">Home</a></li>
<li>
<a href="" class="dropdown-toggle">Products</a>
<ul class="d-menu" data-role="dropdown">
<li><a href="">Windows 10</a></li>
<li><a href="">Spartan</a></li>
<li><a href="">Outlook</a></li>
<li><a href="">Office 2015</a></li>
<li class="divider"></li>
<li><a href="" class="dropdown-toggle">Other Products</a>
<ul class="d-menu" data-role="dropdown">
<li><a href="">Internet Explorer 10</a></li>
<li><a href="">Skype</a></li>
<li><a href="">Surface</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="">Support</a></li>
<li><a href="">Help</a></li>
</ul>
</div>
不要忘了,看外部源的CSS和JS在codePen。
希望幫助
感謝您尋找格雷格,我可以看到您已經添加所需的資源來呈現CSS,這是偉大的,但我原來的問題仍然是:如何編程打開「產品」菜單? 感謝您花時間看看雖然;) – Beaker
你可以這樣做http://codepen.io/anon/pen/zqopzv – Greg
感謝格雷格 - 偉大的幫助! – Beaker