如何在第二次单击时关闭 div？

Posted 2023-05-09

【中文标题】如何在第二次单击时关闭 div？

【英文标题】：How to close a div on second click?

【发布时间】：2017-05-02 12:07:24

【问题描述】：

我无法在第二次点击移动版时关闭 div，当我第二次点击它时它会重新打开，如果我点击另一个 div 就可以关闭，但那个 div 会打开，所以我必须重新加载关闭 div 的页面... javascript：

$(document).ready(function () 
$(window).on("resize", function (e) 
    checkScreenSize();
);

checkScreenSize();

function checkScreenSize() 
    var newWindowWidth = $(window).width();
    if (newWindowWidth < 768) 
        $(document).ready(function () 
            $('.hero-overlay-block-1').click(function () 
                $('.block-uzo').slideToggle("slow");
                $('block-uzo').css('display', 'block');;
                $('.block-more-1').hide();
                $('.block-misija').hide();
                $('.block-vizija').hide();
            );
        );
        $(document).ready(function () 
            $('.hero-overlay-block-2').click(function () 
                $('.block-misija').toggle("slow");
                $('.block-misija').css('display', 'block');;
                $('.block-more-2').hide();
                $('.block-uzo').hide();
                $('.block-vizija').hide();
            );
        );
        $(document).ready(function () 
            $('.hero-overlay-block-3').click(function () 
                $('.block-vizija').toggle("slow");
                $('block-vizija').css('display', 'block');;
                $('.block-more-3').hide();
                $('.block-uzo').hide();
                $('.block-misija').hide();
            );
        );
    

);

【问题讨论】：

你能发布你的 html 吗？

【参考方案1】：

<script>
    $(document).ready(function()
    $(".desc_div").slideUp();

    $(".open_div").click(function()
        if($(this).hasClass('selected'))
           $(this).removeClass('selected'); 
             $(this).addClass("selected").next(".desc_div").slideUp("slow", function() 
            $(this).prev().removeClass('selected');

        ); 
        
        else               $(this).addClass("selected").next(".desc_div").slideDown("slow");
            
    );
);
</script>