练习 - 14 元素的隐藏显示 - 《HTML && JavaScript》

简单版本

<body>
    <div>hello</div>
    <button id="btn">anniu</button>
    <script>
        $("#btn").click(function(){
        // isShow   判断元素是否显示
        // is(":visible")  判断元素是否隐藏
        var isShow = $("div").is(":visible")
        console.log(isShow)
        if(isShow){
            $("div").hide(1000)
        }else{
            $("div").show(1000)
        }
        })
    </script>

简单版本


    <div >hello</div>
    <button id="btn">按钮</button>
<script>
    $("#btn").click(function(){
        // toggle   融合了hide和show的方法
        $("div").toggle(1000)
    })
</script>