$(document).ready(function() {
$('.cats_showall').click(function() {
$('.cats_dropdown li').slideToggle();
});
});
.cats_dropdown li {
display: none;
}
.cats_dropdown>li:first-child {
display: list-item;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="cats_dropdown">
<li>Category 1 - <a href="#" class="cats_showall">Show all</a></li>
<li>Category 2</li>
<li>Category 3</li>
<li>Category 4</li>
</ul>
但是这不起作用。请帮忙:)
最佳答案
如果您能正确解释您的需求,那就太好了。 根据我的理解,您想要应用 SlideToggle() 效果,并且“显示全部”链接应该可见。 检查一下,
$(document).ready(function(){
$('.cats_showall').click(function(){
$('.cats_dropdown li:not(:first)').slideToggle();
});
});
关于jQuery 下拉菜单 - SlideToggle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1265402/