怎么用jQuery隐藏和显示<div>

Posted 2023-03-14

通过按钮显示和隐藏，默认为隐藏的，每次进入div都是隐藏，单击按钮后才展现
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>
jQuery模块：
$('#syn_btn').on('click',function()
if($('#senior').is(':visible'))
$('#senior').hide();
else
$('#senior').show();
)

参考技术A 然后你想问什么，显示隐藏可以这做！本回答被提问者采纳 参考技术B if($('#senior').is(':visible'))

改成

if($('#senior').css("display")!='none')

试试吧