主页 / 问题 / 1082958
Accepted
M141
Asked:2020-02-15 20:59:46 +0000 UTC2020-02-15 20:59:46 +0000 UTC

单击时关闭下拉内容不起作用

  • 772

有下拉内容 <div class="accordion_tab">名称 它可以正常打开。切换到另一个选项卡时，前一个选项卡将关闭并打开一个新选项卡。

问题是当一个选项卡打开时，不能通过单击同一个选项卡来关闭它。 在此处输入图像描述 请帮帮我。

$(".accordion_tab").click(function () {
  $(".accordion_tab").each(function () {
    $(this).removeClass("active");
  });
  $(this).addClass("active");
  $(this).next().addClass("active");
});
<div class="accordion_wrapper">
    <div class="accordion_item">
      <div class="accordion_tab">Name
        <div class="arrow">
          <img src="**" alt="arrow">
        </div>
      </div>
      <div class="accordion_content"> 
        <div class="slider">
          <input type="radio" name="slider" title="slide1" checked="checked" class="slider__nav" />
          <input type="radio" name="slider" title="slide2" class="slider__nav" />
          <input type="radio" name="slider" title="slide3" class="slider__nav" />
          <input type="radio" name="slider" title="slide4" class="slider__nav" />
          <input type="radio" name="slider" title="slide5" class="slider__nav" />
          
          <div class="slider__inner">
            <div class="slider__contents"><img src="**">
              <h2 class="slider__caption">**</h2>
              <p class="slider__txt">**</p>
            </div>
            ....
          </div>
        </div>
      </div>
    </div>
</div>

javascript

1 个回答

  1. Best Answer
    $(".accordion_tab").click(function () {
  if ($(this).hasClass("active")) {
    $(this).removeClass("active");
    $(this).next().removeClass("active");
    return;
  }
  $(".accordion_tab").each(function () {
    $(this).removeClass("active");
  });
  $(this).addClass("active");
  $(this).next().addClass("active");
});
    • 1

相关问题