用jquery怎么实现点击显示,再一次点击隐藏用jquery实现点击显示,再一次点击隐藏的方法是使用toggle方法。说明:toggle() 方法切换元素的可见状态。如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。举例说明:<br><script type=text/javascript><br>$(document).ready(function(){<br> $(.btn1).click(function(){<br> $(p).toggle(1000)<br> })<br>})<br><br></head><br><body><br><p>This is a paragraph.</p><br><button class=btn1>Toggle</button><br></body><br></html><br>代码解读:<br> $(.btn1).click(function(){<br> $(p).toggle(1000) //控制文件This is a paragraph的显示和隐藏,如果当前是显示的,点击就隐藏了。<br> })</p><h2>jQuery 怎么实现点击页面其他地方隐藏菜单</h2><p>jquery实现点击页面其他地方隐藏指定元素:<br><br>在很多效果中,都有这样的功能,当点击页面的其他地方时,能够隐藏一个指定的元素,例如在模拟实现的select下拉菜单效果中,当下拉菜单出现的时候,我们往往希望当点击页面其他地方的时候,能够隐藏下拉条,下面就通过一个实例单独介绍一下如何实现此功能。<br>代码实例如下:<br>html><br><br><br>点击页面其他地方隐藏div-蚂蚁部落<br><br><br><br>蚂蚁部落<br><br><br>div css教程<br>javascript教程<br><br>点我不行</p><h2>jQuery实现多个li点击切换和显示隐藏</h2><p>原理:使所有的图片隐藏然后控制对应的图片显示。<br>初始化:现将所有的图片隐藏控制第一张显示。(可通过css实现)。<br>过程:当鼠标点击数字的时候,先控制所有的图片全部隐藏,控制数字对应的图片显示即可。<br>实现方法:<br><ulid=img><br><li><imgsrc=1.jpg/></li><br><li><imgsrc=2.jpg/></li><br><li><imgsrc=3.jpg/></li><br><li><imgsrc=4.jpg/></li><br></ul><br><ulid=num><br><li>1</li><br><li>2</li><br><li>3</li><br><li>4</li><br></ul><br><scripttype=text/javascript><br>$(#imgli).css(display,none)//初始化隐藏全部的图片<br>$(#imgli:eq(0)).css(display,block)//只显示第一个图片<br>$(#numli).click(function(){//当鼠标经过数字<br>$(#imgli).css(display,none)//隐藏全部的图片<br>$(#imgli:eq( $(this).index() )).css(display,block)//数字对应的图片显示<br>})</p><h2>关于JQ或者JS的点击隐藏显示切换内容时间</h2><p><!DOCTYPE HTML><br><html lang=en-US><br><head><br><meta charset=UTF-8><br><meta name=keywords content=白菜编辑部><br><title>白菜编辑部</title><br><style type=text/css><br></style><br><script type=text/javascript src=jquery-1.8.0.min.js><br><script type=text/javascript><br>jQuery (function ($)<br>{<br>$ (ul:first li:first).hide ()<br>$ (ul:last li:gt(0)).hide ()<br>$ (ul:first li).click (function ()<br>{<br>var index = $ (this).index ()<br>$ (ul:last li).eq (index).show ().siblings (li).hide ()<br>$ (this).hide ().siblings (li).show ()<br>})<br>})<br><br></head><br><body><br><ul><br><li>01</li><br><li>02</li><br><li>03</li><br><li>04</li><br></ul><br><ul><br><li>111</li><br><li>222</li><br><li>333</li><br><li>444</li><br></ul><br></body><br></html></p><h2>怎样用jquery实现点击一个按钮控制一个div的显示和隐藏</h2><p>1、用jquery自带的2个简单的方法,可以实现 show( ) /hide( )方法<br>2、例子<br><html><br><head><br><!--引入jquery,根据你的文件目录自行修改--><br><scripttype=text/javascriptsrc=/jquery/jquery.js><br><scripttype=text/javascript><br>$(document).ready(function(){<br>$(.btn1).click(function(){<br>$(p).hide()<br>})<br>$(.btn2).click(function(){<br>$(p).show()<br>})<br>})<br><br></head><br><body><br><p>要显示隐藏的文字</p><br><buttonclass=btn1>隐藏</button><br><buttonclass=btn2>显示</button><br></body><br></html></p><h2>js或者jquery显现2个按钮控制一块内容,点击(显示或隐藏)。需要怎么实现</h2><p><p>你好!!</p> //将单击事件放到$(function(){ }) 中<br><br><script type=text/javascript><br>$(.a1).click(function(){<br> $(.b).stop().show() //显示<br>})<br>$(.a2).click(function(){<br> $(.b).stop().hide() //隐藏<br>})<br><br><br>改为<br><script type=text/javascript><br>$(function(){<br> $(.a1).click(function(){<br> $(.b).stop().show() //显示<br> })<br> $(.a2).click(function(){<br> $(.b).stop().hide() //隐藏<br> })<br>})<br><br><br>//这段代码是两个按钮,各自控制 显示和隐藏 的功能。 //这段的两个按钮,可以实现单独控制 及 同时控制 显示和隐藏 的功能。<br><script type=text/javascript><br>$(function(){<br> $(.a1, .a2).on(click,function(){ $(.b).toggle()})<br>})<br></p>