Question

怎么通过juqery显示和隐藏div，div里的东西是通过点击表单弹出的一个页面，不是在一个独立页面里面

通过按钮显示和隐藏，默认为隐藏的，每次进入div都是隐藏，单击按钮后才展现，求jquery具体代码
div部份代码：
<div id="senior" class="form-horizontal" >
<div class="box-body">
<div class="form-group">
<label for="inputEmail3" class="col-sm-3 control-label">同步时间</label>
<div class="col-sm-9">
<input type="text" style="width: 100%;" class="form-control" id="name" placeholder="单位：分钟，设备同步时间">
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-3 control-label">注意</label>
<label for="inputEmail3" class="col-sm-9 pull-left">设置在<SPAN style="color: red;"> 15 </SPAN>分钟后生效</label>
</div>
</div>
</div>
按钮模块：
<button type="button" class="btn btn-primary pull-left" id="syn_btn">设置</button>

Answer 1

先引入jQuery库，
$("#syn_btn").click(function(){
$("#senior").toggle();

});