Comment ouvrir un menu en javascript

Question

Je viens juste de commencer à utiliser les CSS de Metro UI et je suis plutôt impressionné par son apparence. J'ai cependant quelques problèmes à contrôler mon interface utilisateur. J'essaie d'avoir un menu ouvert à l'initialisation de la page mais je n'arrive pas à comprendre comment le faire et la documentation est assez limitée en termes de contrôle des entrées. Voici un exemple standard tiré de la documentation. Tout ce que j'essaie de faire est d'avoir le menu des produits ouvert au démarrage ....

mon exemple ci-dessous ne rend pas correctement, mais je ne pense pas qu'il le faut pour une chose si simple.

examplehttps://jsfiddle.net/robeastham/p20ykv7q/

Toutes les idées seraient grandement appréciés

Answer 1

Je l'ai fait un codePen pour votre menu.

Vous pouvez regarder ici 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> 

Ne pas oublier, regarder CSS source externe et JS en codePen.

espoir qui aide