使用什么而不是切换？

Question

我了解到函数toggle()已被弃用.那么我可以使用什么代替切换这个例子:

<div id="block" style="width: 200px; height: 150px; background-color: blue"></div>

<span id="click">hide</span>

​

$("#click").toggle(
            function(){
               $("#block").slideUp();
               $(this).html('show');
            },
            function(){
               $("#block").slideDown();
               $(this).html('hide');

            });

http://jsfiddle.net/2rERJ/

Answer 1

你可以使用click和slideToggle方法.

$("#click").click(function(){
     var $block = $("#block"),
         $this = $(this);
     $block.slideToggle(function(){
         $this.text($block.is(':visible') ? 'hide' : 'show');
     });
});