jquery menu on Rollover instead of click
I can't seem to figure out how to properly change my dropdown menu to work on rollover instead of on Click. When I change this to .hover I get a yo yo effect. Could you guys point me in the right direction?
sample:
http://www.creativemagma.com/whitney
-
<script type="text/javascript" src="scripts/js.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("li.amenu").hover(function () {
$(".active").removeClass("active");
$(this).addClass("active");
var content_show = $(this).attr("title");
$("#"+content_show).slideUp();
$("#"+content_show).slideDown();
});
});
</script>
<ul id="subnav">
<li><a href="#" class="home">Home</a></li>
<li class="amenu" title="menu1"><a href="#">WIUS Partners</a>
<ul id="menu1" class="themenu">
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a>
<ul>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
</ul>
</li>
<li><a href="#">Submenu Link</a></li>
</ul>
</li>
<li class="amenu" title="menu2"><a href="#">USA Network</a>
<ul id="menu2" class="themenu">
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
</ul>
</li>
<li class="amenu" title="menu3"><a href="#">Epic LMS</a>
<ul id="menu3" class="themenu">
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
</ul>
</li>
<li class="amenu" title="menu4"><a href="#">Corporate Resources</a>
<ul id="menu4" class="themenu">
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
<li><a href="#">Submenu Link</a></li>
</ul>
</li>
</ul>