用JQuery实现点击按钮来显示/隐藏某个div

刚开始我还在判断div的display属性是不是等于"none"，来选择是show()还是hide()，现在才想起来直接用toggle()方法就可以了嘛，真的是太方便了

使用jQuery的时候，千万不要忘记在HTML页面加jQuery的CDN哟
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>

HTML代码

<div class="row">
    <button id="switchField1" >选择指定字段</button>
</div>
<div class="row" id="field1">
   一些字段
</div>

JS代码

$(document).ready(function(){

    $("#switchField1").click(function() {
        $("#field1").toggle(500);//显示与隐藏的动作切换时间为500ms
    });
});