Toggle( )

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
            $("button").click(function(){
                $("p").toggle();
                if($("button").text()=="隐藏"){
                    $("button").html("显示");
                }else
                if($("button").text()=="显示"){
                    $("button").html("隐藏");
                }
            });
            });
    </script>
</head>
<body>
<p>点击隐藏按钮可以隐藏该文本信息,隐藏后可以通过点击显示按钮让文本重现。</p>
    <button>隐藏</button>
</body>
</html>

posted @ 2016-08-25 16:41  Fire_Dragon  阅读(166)  评论(0编辑  收藏  举报