2012-01-24 35 views
1

不知道为什么会发生这种情况。当您单击我的链接时,顶部的图像将向下滑动,如果您单击其中一个图像,它们将滑回。这正是我想要的。但是,当您返回并在上滑后再次单击链接时,它不会在第一次单击时激活滑动。它需要两次点击。我希望它只需要一次点击。Jquery Click Function

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

有谁知道为什么发生这种情况?以及如何解决这个问题,并保持滑动功能相同?

+0

澄清:当你点击链接它会展开,如果再次单击它,它会崩溃,而且这种方式可以正常工作。但是展开之后,如果点击图片,它会很好地折叠,但链接上需要点击两次以再次展开。 –

回答

0

它隐藏,因为你的if/else语句说 - 如果项目处于活动状态,则删除活动并跳到结束。

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

如果您单击相同的菜单项两次,但没有单击图像,则此代码正常工作。你需要删除图像点击活动类。修改此代码以修复它。

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

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

这是一个更好的方法。谢谢您的帮助!我每天都会学到新的东西! –

1

编辑你的JS当你隐藏拇指清除活性类的末尾的隐藏功能...

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