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

Posted

技术标签:

【中文标题】如何在第二次单击时关闭 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>

【讨论】:

以上是关于如何在第二次单击时关闭 div?的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 在第二次单击时删除类并在第二次单击时禁用悬停

单击新按钮时如何关闭所有其他div?

UseState 仅在第二次单击时显示

Ajax 表单提交在第一次提交时返回错误,但在第二次单击时提交

如何水平滑动元素

UIButton 切换标题。仅在第二次单击后更改