toggle using pure javascript
<pre><code>&lt;script&gt;
function toggleMenu() {
    var thisMenu = document.getElementById(id).getElementsByTagName('ul')[0];
    if( thisMenu.style.display == 'block' ) {
        thisMenu.style.display = 'none';
    } else { 
        thisMenu.style.display = 'block';
    }
    return thisMenu;
}

&lt;li class="NavLinks test2" id="menuIteam"&gt;
    &lt;a onclick="toggleMenu('menuIteam');"&gt;Tutorial&lt;/a&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="http://www.google.com"&gt;google&lt;/a&gt;&lt;/li&gt;     
        &lt;li&gt;&lt;a href="http://www.yahoo.com"&gt;yahoo&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
&lt;/li&gt;

&lt;/script&gt;
</code></pre>

<p><em><strong></em>**</strong><em>description</em><strong><em>*</em>**<em>*</em>**<em>*</em>*</strong></p>

<p>onClick on Tutorial hide's the submenu iteams but if i click on Tutorial and hover over submenu iteams and hovers out the iteam list iteam are not hiding. Please let me know if my code needs to modify. Thank you in andvance.</p>
