The HTML markup for a wijmenu widget looks like this.

Drop down to view markup

<ul id="menu">
    <li><a>Menu Item 1</a>
        <ul>
           <li><a>Menu Item 1a</a></li>
           <li><a>Menu Item 2a</a></li>
        </ul>
    </li>
    <li><a>Menu Item 2</a></li>
    <li><a>Menu Item 3</a></li>
</ul>

You can initialize the widget with the following jQuery script.

Drop down to view script

<script type="text/javascript">
    $(document).ready(function () {
        $("#menu").wijmenu({
            orientation: "vertical",
            showAnimation: {
                animated: 'puff',
                duration: 1000
            }
        });
    });
</script>

The markup and script featured here results in the following live widget. Mouse over Menu Item 1 to see the animation.

See Also

How To

Reference

Concepts