剛開始我還在判斷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
    });
});