тумблер скрывается главный DIV на суб DIV

Question

У меня есть главный <div>.main-drawer и суб <div>.main-hover-container и на кнопку основной <div> скрывает суб <div> до сих пор так хорошо. Теперь проблема, с которой я столкнулся, заключается в том, что в sub <div> есть ссылка URL, но при нажатии она запускает переключатель основного <div>.

Как я могу исключить .main-hover-container, чтобы это не было сделано при щелчке, чтобы можно было щелкнуть ссылку в подкатегории <div>.

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(".main-drawer").toggle(function(){ 
    $(this).closest(".main-drawer").find('.main-hover-container').stop(true).fadeTo("fast", 1.0); 
    }, function(){  
    $(".main-hover-container").fadeOut("fast"); 
    }); 

}); 
</script> 

Answer 1

Вы можете проверить, является ли источник события дочерним div, тогда вы можете пропустить выполнение funciton.

$(".main-drawer").toggle(function(event){ 
    if($(event.target).hasClass("main-hover-container")) 
     return; 
    $(this).closest(".main-drawer").find('.main-hover-container').stop(true).fadeTo("fast", 1.0); 
    }, 
    function(){  
     if($(event.target).hasClass("main-hover-container")) 
       return; 
     $(".main-hover-container").fadeOut("fast"); 
});