Javascript 悬停(函数(){未正确选择
我试图让李家长在鼠标悬停时显示孩子。下面是代码Javascript 悬停(函数(){未正确选择,javascript,jquery,css,Javascript,Jquery,Css,我试图让李家长在鼠标悬停时显示孩子。下面是代码 jQuery(document).ready(function( $ ) { $(".menu").hover(function(){ var target = $(this).parent().children(".sub-menu > li a"); $(target).slideToggle(800); }); }) 使用此html,将鼠标悬停在第2阶段会取消隐藏
jQuery(document).ready(function( $ ) {
$(".menu").hover(function(){
var target = $(this).parent().children(".sub-menu > li a");
$(target).slideToggle(800);
});
})
使用此html,将鼠标悬停在第2阶段会取消隐藏资产和财产,将鼠标悬停在第1阶段会隐藏资产和财产,但会显示方法和收购
<ul id="menu-sidebarnav" class="menu">
<li id="menu-item-51" class="drawer menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-51">
<a href="/stage-1/">stage 1</a>
<ul class="sub-menu">
<li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-53">
<a href="/opportunity/methodology/">Methodology</a></li>
<li id="menu-item-52" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-52">
<a href="/opportunity/acquisitions/">Acquisitions </a></li>
</ul>
</li>
<li id="menu-item-54" class="drawer menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-54">
<a href="/stage-2/">stage 2</a>
<ul class="sub-menu">
<li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58">
<a href="/competence/assets/">Assets</a></li>
<li id="menu-item-57" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-57">
<a href="/competence/property/">Property</a></li>
</ul>
我认为您需要将鼠标悬停在li元素上,然后切换li so中的.sub菜单项
演示:Arun,如何在切换效果之前引入延迟?我这边的结果有点神经质。
jQuery(function ($) {
$(".menu > li").hover(function () {
$(this).find(".sub-menu").slideToggle(800);
});
})