2016-12-16 106 views
0

我无法关闭第二次点击手机版的div,当我第二次点击它重新打开时,我可以关闭,如果我点击另一个div但该div打开,所以我必须重新加载页面关闭的div ... JAVASCRIPT:如何在第二次点击时关闭div?

$(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(); 
      }); 
     }); 
    } 
} 

});

+0

你可以发布你的HTML吗? –

回答

0
<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> 
相关问题