點擊一個P標籤恰好在Jquery中快速？

Question

我有以下的Jquery：

$('.agendaNav').click(function(event){ 
    $(this).find('.rightArrow').attr('src', '/images/arrowdown.png'); 
    if($('.agendaDay').is(':hidden')){ 
     $('.agendaDay').show(); 
    } else { 
     $('.agendaDay').hide(); 
    } 
}); 

下面是HTML

<p class="agendaNav"><img src="/images/arrowright.png" class="rightArrow" /> WEEK AT A GLANCE</p> 

會發生什麼事是.agendaDay類隱藏，但它得到的再次顯示非常快，不管我有多快單擊該元素。

任何想法爲什麼它不工作？也許我必須讓它成爲一個標籤？

Answer 1

您在if和else中都運行相同的代碼。試試這個關於大小：

$('.agendaNav').click(function(event){ 
    $(this).find('.rightArrow').attr('src', '/images/arrowdown.png'); 
    if($('.agendaDay').is(':hidden')){ 
     $('.agendaDay').show(); // <------------- change this line 
    } else { 
     $('.agendaDay').hide(); 
    } 
}); 

此外，there's a jQuery function for that：

$('.agendaNav').click(function(event){ 
    $(this).find('.rightArrow').attr('src', '/images/arrowdown.png'); 
    $('.agendaDay').toggle(); 
}); 

意圖更加清晰：檢查。更簡潔：檢查。更高效：檢查。程序員錯誤的空間較小：檢查。