我怎样才能做到这一点的jQuery。当鼠标悬停在产品1上时,仅向下滑动此类别上的元素,例如:
项目1项目2项目3项目4
当鼠标离开产品1时,会向上滑动。与其他人一样
<div>
<li>Product1</li>
<ul>
<li>Item1</li>
<li>Item2</li>
<li>Item3</li>
<li>Item4</li>
</ul>
<li>Product 2</li>
<ul>
<li>Item product 2</li>
<li>Item product 2</li>
<li>Item product 2</li>
</ul>
<li>Product 3</li>
<ul>
<li>Item product 2</li>
<li>Item product 2/li>
</ul>
</ul>
</div>
检查您的标记-我认为这是不对的。那会帮助很多时间。另外,我将其更改为将produt1用作锚标记或其他内容-只是一些内容,以给用户留下他们可以使用该元素执行操作的印象。
的CSS
ul li ul {
display: none;
}
jQuery的
$('ul li a').hover(function(event){
$(this).next('ul').slideToggle('fast', function(){
// Done.
});
event.preventDefault();
});
您也可以更改.hover
使用.click
或其他事件。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句