【jQuery】超简单的点击弹出或隐藏操作

测试代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div class="dw">
        <input type="button" value="点我"/>
    </div>
    <div class="out" style="display: none">
        <h1>嘿嘿 我出来了</h1>
    </div>
    <script src="../js/jquery-1.11.3.js"></script>
    <script type="text/javascript">
        $(document).ready(function(e){
            /*点我 弹出内容*/
            $('.dw').click(function(){
                if($('.out').is(':hidden')){
                    $('.out').show();
                }else{
                    $('.out').hide();
                }
            });
        });
    </script>
</body>
</html>

注意：别忘了引入jquery-1.11.3.js文件，不然是看不到效果的哦。