jquery隐藏和显示功能无法正常工作

Question

在我的例如这里http://jsfiddle.net/davidesitua/cYrqY/15/显示和隐藏不能正常工作，当我关闭不停止。 有什么想法为什么？ 是做到这一点的最佳方式？或者我可以用更清洁的方式做到这一点？

Answer 1

您在click处理程序的开头有一个额外的.slideUp，看到这里http://jsfiddle.net/cYrqY/17/

Answer 2

您可以通过以下操作简化这个：

$(this).click(function() { 
    $('.toggleDiv').is(":visible") ? $(this).text(options.hideText) : $(this).text(options.showText); 
    $('.toggleDiv').slideToggle(options.speed, options.easing); 
}); 

Answer 3

如果你想切换，为什么不使用。切换（）？

$(document).ready(function(){ 

    $('.show_hide').toggle(
     function(){$('.toggleDiv').fadeIn(1000);}, 
     function(){$('.toggleDiv').fadeOut(1000);} 
     ); 

}); 

http://jsfiddle.net/cYrqY/19/