Как открыть меню в JavaScript

Question

Я только начал использовать Metro UI CSS, и меня впечатлил его внешний вид. У меня, однако, есть некоторые проблемы с управлением моим пользовательским интерфейсом.

Я пытаюсь открыть меню при инициализации страницы, но не могу понять, как это сделать, и документация довольно ограничена с точки зрения управления вводом. Ниже приведен стандартный пример, взятый из документации. Все, что я пытаюсь сделать, это открыть меню продуктов при запуске....

Мой пример ниже не отображает правильно, но я не думаю, что это необходимо для такой простой вещи.

example https://jsfiddle.net/robeastham/p20ykv7q/

Благодарим за любую идею

Answer 1

Я сделал 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.

надеюсь, это поможет