2016-12-16 72 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>