示例html
<div class="abc" style="display:none"></div>
<input type="button" class="but" />
最简单的方法：
<script>
$(document).ready(function(e) {
$(".but").click(function(e) {
$(".abc").toggle();
});
});
</script>
toggle() 的作用就是当对象是显示的就隐藏，当是隐藏的则显示。
------
如果你除了显示和隐藏之外还需要同时实现其他功能的话，可以这样：
<script>
$(document).ready(function(e) {
$(".but").click(function(e) {
if( $(".abc").hasClass("show") ){
// 执行隐藏
$(".abc").hide().removeClass("show");
// 其他
}else{
// 显示
$(".abc").show().addClass("show");
}
});
});
</script>
这里通过自定义一个 class : show 来判断 div 是显示或隐藏
hasClass() 是否存在某个class
hide() 隐藏对象
show() 显示对象
removeClass() 移除一个class
addClass() 添加一个class
除此，还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示
页面划动到一个地方,隐藏的div展示出来,怎么实现
1、首先给鼠标经过的DIV添加一个类，类名为submeau。2、其次给隐藏的DIV，添加一个ID，ID名为id=“oa_submeau”。3、最后将JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV，即可完成页面划动到一个地方隐藏的div展示出来。
js控制div显示隐藏实现(jquery控制div显示隐藏)
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，即隐...
用jquery怎么实现点击显示,再一次点击隐藏
1、Jquery使用内置的show和hide方法就可以实现，具体的操作步骤首先需要打开hbuilder编辑器，新建一个a标签和一段隐藏的div，设置好它们的id属性，并设置一些简单的样式：2、然后引入Jquery的库文件，编写代码。首先获取a标签的dom并给它加一个click事件，在click的回调中判断div是否为隐藏状态，是的话就隐...
用jquery怎么实现点击显示,再一次点击隐藏
<a href="javascript:void(0);" id="lol">点击这里<\/a> [javascript] view plain copy <script> (function(){ ('#lol').click(function(){\/\/点击a标签 if($('#timo').is(':hidden')){\/\/如果当前隐藏 ('#timo').show();\/\/那么就显示div }else{\/\/否则 ('#timo').hide();\/\/...
怎么用js显示隐藏div
1、首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。2、添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。3、接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。如果没有，则添加一个hide的样式，...
如何点击隐藏和显示一个div
进行事件绑定 $("#btn").toggle( function () { $("#div").hide();\/\/ 第1,3,5,7,8,9...次点击按钮，div隐藏 }, function () { $("#div").show();\/\/ 第2,4,6,8...次点击按钮，div显示 } );});...
js 怎么用一个按钮控制DIV来回显示和隐藏
1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，然后按下Crtl+S保存一下：2、创建一个button按钮，给按钮设置一个id，名字设置为“myBT”，创建一个用来显示隐藏的div，将其id设置为“main”：3、给div和button设置一些样式，为了美观好看，这里无需设置display，因为默认就是显示的：4...
怎么用js或jq点击展开,出现隐藏的DIV,点击收起DIV又隐藏起来.
<script src="jquery-1.8.2.js"><\/script><script>\/*展开和收起用一个div,也可以说它是个按钮,假设它的id=d1;假设需要显示和隐藏的div叫d2;下面这段代码只是粗略的实现了你的要求,主要是给你提供个思路;*\/$(function(){$('#d1').click(function(){\/\/给d1绑定一个点击事件; \/*这...
求用jquery点击空白处隐藏div的方法,寻找最简单的方法
把这个div放在一个div中，比如你这个显示出的div叫 id=‘div1’ 然后放在id ='mainDiv'中 mainDiv要充满整个屏幕，设置div1 在maindiv之上，这样点击空白处也就是点击mainDiv隐藏div1
JS(JQuery)点击一个对象显示出一个div,再次点击当前对象或者点击对象之 ...
("a").click(function(){ ("div").show()("body").one("click",function(){ ("div").hide()})})
