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

ここでは.agendaDayクラスの皮をされて起こるが、それはのは関係なく、私は要素をクリックしてどのくらいの速非常に早く、再び示されていない何を得るHTML

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

です。

なぜ機能しないのでしょうか？たぶん私はそれをタグにしなければなりませんか？

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

明確に意図：チェック。より簡潔に：チェックしてください。より効率的です：チェックしてください。プログラマーエラーの少ない領域：チェック。