menu widget submenu not working
Hello! I am working on a menu that has 2 levels of submenu's and is responsive with a bootstrap 12 column layout. My issue is that the submenu's do not show correctly...they simply flash and are gone again. Can anyone please help This is for an assignment due on Wednesday (5.8.13)??? Thanks
Here is my HTML
.....................
<ul id="menu">
<li><a href="#">Computers</a>
<ul>
<li><a href="#">Laptops</a></li>
<li><a href="#">Tablets</a></li>
<li><a href="#">Desktops</a></li>
</ul>
</li>
<li><a href="#">Stereos</a>
<ul>
<li><a href="#">Docking Bays</a></li>
<li><a href="#">Portable</a></li>
<li><a href="#">Stereo Systems</a></li>
</ul>
</li>
<li><a href="#">Phones</a>
<ul>
<li><a href="#">Flip-phones</a></li>
<li><a href="#">Qwerty-phones</a></li>
<li><a href="#">Smartphones</a></li>
<li><a href="#">Tablets</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Search All</a>
<ul>
<li><a href="#">Apple</a></li>
<li><a href="#">Windows</a></li>
<li><a href="#">Andriod</a></li>
<li><a href="#">Other</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Gaming</a>
<ul>
<li><a href="#">Systems</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Games</a></li>
</ul>
</li>
</ul>
.....................
<script>
.....................
$( "#menu" ).menu();
</script>