javascript - 单击按钮时切换其他 div

Question

如何在单击按钮时切换另一个 div 以关闭？

$(".slider-wrapper button").click(function() {
  $(this).parent().find(".slider-content").slideToggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="slider-wrapper">
  <button>OPEN ME</button>
  <div class="slider-content">Foo</div>
</div>

<div class="slider-wrapper">
  <button>OPEN ME</button>
  <div class="slider-content">Foo</div>
</div>

Answer 1

这是你想要的吗？

$(".slider-wrapper button").click(function() {
  $(".slider-content:visible").add($(this).next()).slideToggle();
});

它将隐藏可见的内容并显示与您单击的按钮相对应的内容。

演示

$(".slider-wrapper button").click(function() {
  $(".slider-content:visible").add($(this).next()).slideToggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="slider-wrapper">
  <button>OPEN ME</button>
  <div class="slider-content">Foo</div>
</div>

<div class="slider-wrapper">
  <button>OPEN ME</button>
  <div class="slider-content">Foo</div>
</div>