这段代码可以很好地打开 div,但是当我再次单击按钮时,它不是关闭而是重新打开 div。如何在第二次点击时关闭?
$(document).ready(function() {
$('.showhide').click(function(e) {
$(this).nextAll('.dropdown:lt(1)').slideToggle(100);
});
$(document).mouseup(function(e) {
var container = $(".dropdown");
if (container.is(':visible') && !$(e.target).closest('.dropdown').length) {
container.hide();
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="showhide">Button</a><br />
<div class="dropdown">
<a href="#">Update</a>
<a href="#">Delete</a>
</div>
<div class="dropdown">
<a href="#">Update</a>
<a href="#">Delete</a>
</div>
<div class="dropdown">
<a href="#">Update</a>
<a href="#">Delete</a>
</div>
最佳答案
测试
$(this).nextAll('.dropdown:lt(1)').is(":visible"))
关于javascript - jQuery SlideToggle 不关闭 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46644017/