为什么一直都是显示为“显示”，没有显示过隐藏两个字

<!DOCTYPE html>

<html>
    <head>
        <title>sele1,sele2,seleN选择器</title>
        <script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>

        <meta charset="utf-8">

<style>

div
{
    margin: 10px 0px;
    border: solid 1px #ccc;
    width: 280px;
}
ul
{
    list-style-type: none;
    padding: 5px;
    margin: 0px;
    display: none;
}
li
{
    margin: 3px;
}
h4
{
    background-color: #eee;
    padding: 5px;
    margin: 0px;
    height: 23px;
    line-height: 23px;
}
.fl
{
    float: left;
}
.fr
{
    float: right;
}

</style>
    </head>
    <body>
    <h3>toggle()方法的动画切换效果</h3>
        <div>
            <h4>
               <span class="fl">我喜欢吃的水果</span>
               <span class="fr" id="spnTip">显示</span>
            </h4>
            <ul>
                <li>苹果</li>
                <li>甘桔</li>
                <li>梨</li>
            </ul>
        </div>

        <script type="text/javascript">
           $(function(){
               var $span = $("spanTip")
               $("h4").bind("click",function(){
                   $("ul").toggle(300,function(){
                       $span.html() == "隐藏" ? $span.html("显示") : $span.html("隐藏");
                       });
                   });
               });
       </script>
      </body>
</html>

柠檬小茶

浏览 1091回答 1

1回答

随时随地看视频慕课网APP