javascript - jQuery SlideToggle 不关闭 Div

Question

这段代码可以很好地打开 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>

Answer 1

测试

$(this).nextAll('.dropdown:lt(1)').is(":visible"))