一个打开时关闭所有其他DIV-使用单独的关闭按钮

时间:2018-07-18 04:22:13

标签: jquery toggle hide show

我有一堆可以切换为打开和关闭的DIV。 通过单击DIV“ case-toggle”打开它们,并通过称为“ case-close”的单独跨度关闭

单击后显示的DIV具有类“ case-popup”

问题是多个DIV可以一次打开,但是我只希望一次打开一个DIV,而其他所有都关闭。
我不确定要在此处添加哪些额外的代码。

我进行了搜索和搜索,但是在使用单独的关闭按钮时,我发现没有任何作用。

下面是代码:

$(document).ready(
    function(){
        $('.case-toggle').click(
            function(){
             $(this).next('.case-popup').show();  
        }
        );

    $('.case-close').click(
        function(){
         $(this).closest('.case-popup').hide();  
        }
        );

}       
);

您的帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

添加此行

    $('.case-popup').hide();

转到$('.case-toggle').click()函数

$(document).ready(
  function() {
    $('.case-toggle').click(
      function() {
        $('.case-popup').hide();
        $(this).next('.case-popup').show();
      }
    );

    $('.case-close').click(
      function() {
        $(this).closest('.case-popup').hide();
      }
    );    
  }
);

像这样使用它

   $('.case-toggle').on("click", function() {
        $('.case-popup').hide();
        $(this).next('.case-popup').show();
  });