Toggle( )

最新推荐文章于 2024-10-30 19:10:39 发布

diaozhuan0403

最新推荐文章于 2024-10-30 19:10:39 发布

阅读量63

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/fire-dragon/p/5807428.html

版权

<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>