Yanika Mifsud Yanika Mifsud - 4 months ago 7x
Javascript Question

jquery drop down menu not working with hover

My slidedown function of jQuery is not working this is the jquery code

<script src="jQuery/jquery-1.12.4.js" type="text/javascript">
$("ul.drop > li").hover(function(){

And the html :

<div id ="navMenu">
<ul class="drop">
<li><a href = "#">Home</a></li>
<li><a href = "#">Types</a></li>
<li><a href = "#">Facts</a>
<ul class="up">
<li><a href = "#">T1</a></li>
<li><a href = "#">T2</a></li>
<li><a href = "#">T3</a></li>
<li><a href = "#">T4</a></li>
<li><a href = "#">T5</a></li>
<li><a href = "#">T6</a></li>
<li><a href = "#">Contact</a></li>


Use one script tag to load jquery, then another to inline JS.

<script src="jQuery/jquery-1.12.4.js"></script>

    $("ul.drop > li").hover(function(){

Also, as @anu pointed out, its .toggle() with lowercase "t".