jquery怎么实现点击一个按钮控制一个div的显示和隐藏

如题所述

jQuery提供了toggle()函数用于切换显示和隐藏:显示被隐藏的元素,隐藏已显示的元素,示例代码:

<button type="button">切换显示</button>
<div id="test">我是目标元素</div>

$(document).ready(function(){
  $("button").click(function(){
  $("#test").toggle();
  });
});

温馨提示:内容为网友见解,仅供参考
第1个回答  2019-05-02
1.
html代码如下:其中有一个button和一个div
<input type="button" value="button"/>
<div id="mydiv"></div>2.
js代码如下:
$(function(){
$('input:button').click(function(){ $('div').fadeToggle() }
})3.
jquery中隐藏一个元素的方法有toggle(),fadeToggle(),css('display','none')等,fadeToggle()有淡出的效果
第2个回答  2016-05-11
$("#btn").click(function(){
var div = $("#div");
if ( div.css("display") === "none" ) {
div.show();
} else {
div.hide();
}
}本回答被网友采纳
相似回答