Jquery Click Function

Question

不知道爲什麼會發生這種情況。當您單擊我的鏈接時，頂部的圖像將向下滑動，如果您單擊其中一個圖像，它們將滑回。這正是我想要的。但是，當您返回並在上滑後再次單擊鏈接時，它不會在第一次單擊時激活滑動。它需要兩次點擊。我希望它只需要一次點擊。

http://jsfiddle.net/nategines/FzqfZ/2/

有誰知道爲什麼發生這種情況？以及如何解決這個問題，並保持滑動功能相同？

Answer 1

它隱藏，因爲你的if/else語句說 - 如果項目處於活動狀態，則刪除活動並跳到結束。

if($menuelement.hasClass('active')) 

如果您單擊相同的菜單項兩次，但沒有單擊圖像，則此代碼正常工作。你需要刪除圖像點擊活動類。修改此代碼以修復它。

http://jsfiddle.net/FzqfZ/4/

$(".hide").click(function(){ 
    $(".thumb").hide(500); 
    $(".active").removeClass("active"); 
}); 

Answer 2

編輯你的JS當你隱藏拇指清除活性類的末尾的隱藏功能...

$(".hide").click(function(){ 
     $(".thumb").hide(500).removeClass('active'); 
    });