jquery multilevel left menu
<pre><code>jQuery(document).ready(function () {
    jQuery('#content').hide();
    jQuery('#last').mouseover(function () {});
    jQuery('#content').on('mouseout', function () {});
});
</code></pre>

<p>this is my code in this i have two divs...
i need output multi level left menu....... check this link <a href="http://javascript-array.com/scripts/multi_level_drop_down_menu/?j" rel="nofollow">http://javascript-array.com/scripts/multi_level_drop_down_menu/?j</a> like this i need to display i am not much aware of jquery can you please help in this regard </p>

<p>This is my jsp code </p>

<pre><code>&lt;div class="nav-menu nav-menu-style-&lt;%= bulletStyle %&gt;" &gt;


        &lt;c:choose&gt;
            &lt;c:when test='&lt;%= (headerType.equals("root-layout") &amp;&amp; (rootLayout != null)) %&gt;'&gt;

                &lt;%
                String layoutURL = PortalUtil.getLayoutURL(rootLayout, themeDisplay);
                String target = PortalUtil.getLayoutTarget(rootLayout);
                String layoutName = rootLayout.getName(themeDisplay.getLocale());
                %&gt;

                &lt;h2&gt;
                    &lt;a href="&lt;%= layoutURL %&gt;" &lt;%= target %&gt;&gt;&lt;%= layoutName %&gt;&lt;/a&gt;
                &lt;/h2&gt;
            &lt;/c:when&gt;
            &lt;c:when test='&lt;%= headerType.equals("portlet-title") %&gt;'&gt;
                &lt;h2&gt;&lt;%= themeDisplay.getPortletDisplay().getTitle() %&gt;&lt;/h2&gt;
            &lt;/c:when&gt;
            &lt;c:when test='&lt;%= headerType.equals("breadcrumb") %&gt;'&gt;
                   &lt;p id="last"&gt; &lt;liferay-ui:breadcrumb /&gt;&lt;/p&gt;
            &lt;/c:when&gt;
        &lt;/c:choose&gt;
&lt;div id="content"&gt;
        &lt;%
        if (!hidden) {
            StringBuilder sb = new StringBuilder();

            _buildNavigation(rootLayout, layout, selBranch, themeDisplay, 1, includedLayouts, nestedChildren, sb);

            String content = sb.toString();

            /*if (!nestedChildren) {
                content = StringUtil.replace(content, "&lt;/a&gt;&lt;ul class", "&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;ul class");
                content = StringUtil.replace(content, "&lt;/ul&gt;&lt;/li&gt;", "&lt;/ul&gt;&lt;ul class=\"layouts\"&gt;");
            }*/
        %&gt;

            &lt;%= content %&gt;

        &lt;%
        }
        %&gt;
     &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p>Thanks </p>
