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

Question

On My eg http://jsfiddle.net/davidesitua/cYrqY/15/ show and hide无法正常工作，当我关闭时不会停止。 任何想法为什么？ 这是最好的方法吗？或者我可以用更干净的方式做到这一点？

Answer 1

您可以通过执行以下操作来简化此操作：

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

Answer 2

您在.slideUp处理程序的开头有一个额外的click，请参阅此处http://jsfiddle.net/cYrqY/17/

Answer 3

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

$(document).ready(function(){

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

});

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