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

Question

如题所述

Answer 1

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

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

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

Answer 2

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()有淡出的效果

Answer 3

$("#btn").click(function(){
var div = $("#div");
if ( div.css("display") === "none" ) {
div.show();
} else {
div.hide();
}
}本回答被网友采纳