[英]jquery drop down menu not working with hover
My slidedown function of jQuery is not working this is the jquery code我的 jQuery 向下滑动功能不起作用,这是 jquery 代码
<script src="jQuery/jquery-1.12.4.js" type="text/javascript">
$(document).ready(function(){
$("ul.drop > li").hover(function(){
$(this).find("ul.up").Toggle(550);
})
});
</script>
And the html :和 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>
</ul>
</li>
<li><a href = "#">Contact</a></li>
</ul>
</div>
Use one script tag to load jquery, then another to inline JS.使用一个脚本标签来加载 jquery,然后使用另一个来内联 JS。
<script src="jQuery/jquery-1.12.4.js"></script>
<script>
$(document).ready(function(){
$("ul.drop > li").hover(function(){
$(this).find("ul.up").toggle(550);
})
});
</script>
Also, as @anu pointed out, its .toggle()
with lowercase "t".另外,正如@anu 指出的,它的
.toggle()
带有小写的“t”。
Here is working example,这是工作示例,
$(document).ready(function(){ $("ul.drop > li").hover(function(){ $("ul.up").toggle(1000); }) });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script> <div id ="navMenu"> <ul class="drop"> <li><a href = "#">Home</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> </ul> </li> <li><a href = "#">Contact</a></li> </ul> </div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.