【问题标题】:How to close a div on second click?如何在第二次单击时关闭 div?
【发布时间】: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 吗?

标签: javascript jquery jquery-mobile-listview


【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-24
    • 1970-01-01
    相关资源
    最近更新 更多