“第一节我们学过实现元素的显示与隐藏需要使用hide()与show()，那么有没有更简便的方法来实现同样的动画效果呢？调用toggle()方法就可以很容易做到，即如果元素处于显示状态，调用该方法则隐藏该元素，反之，则显示该元素”

toggle()方法能实现显示和隐藏的效果，而“$spn.html() == "隐藏" ? $spn.html("显示"):$spn.html("隐藏");”这段代码只是控制后面文字的切换。

toggle方法有两个用途，一个是楼上让你参考的toggle()方法绑定多个函数，另一个，也就是本例中的用途是 来回切换hide() 与 show() 方法。在本例中，你甚至在调用toggle方法后，不给toggle添加任何参数，它仍然会去执行hide与show方法。本例 $spn.html() == "隐藏" ? $spn.html("显示"):$spn.html("隐藏"); 这段代码意义 仅仅 是调用toggle后改变span中的文本 而已。

            $(function () {

                var $spn = $("#spnTip");

                $("h4").bind("click", function () {

                    $("ul").toggle(500,function(){

                     $spn.html() == "隐藏" ? $spn.html("显示") : $spn.html("隐藏");

                    })

                });

            });

详情请参考6-4 使用toggle()方法绑定多个函数