点击一个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(); 
}); 

意图更加清晰：检查。更简洁：检查。更高效：检查。程序员错误的空间较小：检查。