用jquery怎么实现点击显示，再一次jquery点击隐藏藏

来源：蜘蛛抓取(WebSpider) 时间：2017-08-06 05:29 标签： jquery点击显示隐藏
拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(389fd1a-ua98).
重新安装浏览器，或使用别的浏览器扫二维码下载作业帮
2亿+学生的选择
下载作业帮安装包
扫二维码下载作业帮
2亿+学生的选择
JS点击事件：一个DIV盒子里面包含两个盒子,点击第一个盒子,第二个盒子显示;再次点击第一个盒子,第二个盒子隐藏；默认情况下；两个盒子都是现在的是默认情况下 两个盒子display属性都是block；
扫二维码下载作业帮
2亿+学生的选择
&div&&div&id='one'&onclick=&show()&&ssssssss&/div&&div&id='two'&style=&display:block&&ssssss&/div&&/div&&script&function&show(){var&two=document.getElementById(&two&);if(two.style.display=='block'){two.style.display='none'}else{two.style.display='block'}}&/script&经过测试可行,把以上代码复制到&body&&/body&里就好
我想再次点击第一个盒子时，第二个盒子还显示出来；就是不断点击第一个盒子，第二个盒子不断显示和隐藏；像是一个菜单栏那样....麻烦你拉亲
现在就是这样的效果啦，在你那里没反应么？现在就是打开就是两个都显示，点第一个，第二个隐藏，再点第一个，第二个显示，继续亦如此，隐藏，显示，隐藏，显示..........
为您推荐：
其他类似问题
扫描下载二维码14:20 提问
鼠标点击div按钮
再点击 显示 求这个html代码
谢谢各位大神 鼠标点击div按钮
再点击 显示 求这个html代码
按赞数排序
使用请采纳
----------------------同志你好，我是CSDN问答机器人小N，奉组织之命为你提供参考答案，编程尚未成功，同志仍需努力！
toggle，或者按照点击次数进行处理
先判断这个div是否显示，如果显示则隐藏，如果隐藏则显示，看你用的是js还是jquery写法不一样
其他相似问题jQuery 怎么实现点击页面其他地方隐藏菜单？ - 知乎49被浏览27749分享邀请回答$("#a").on("click", function(e){
$("#menu").show();
$(document).one("click", function(){
$("#menu").hide();
e.stopPropagation();
$("#menu").on("click", function(e){
e.stopPropagation();
319 条评论分享收藏感谢收起3添加评论分享收藏感谢收起查看更多回答本文讲的是Jquery实现点击切换图片并隐藏显示内容(2种方法实现)_jquery，
我们的电脑屏幕大小是固定的，那么如何在有限的空间放更多的内容呢？ 我们应该给用户足够的选择权，当他们想要看某些内容的时候可以很快的看到，不想看的时候就把他隐藏。于是就有了题目说的这个问题。其实这个问题很简单，那么，之所以拿出来跟大家分享，
我们的电脑屏幕大小是固定的，那么如何在有限的空间放更多的内容呢？ 我们应该给用户足够的选择权，当他们想要看某些内容的时候可以很快的看到，不想看的时候就把他隐藏。于是就有了题目说的这个问题。其实这个问题很简单，那么，之所以拿出来跟大家分享，一方面我们大家相互交流，另一方面，也是对自己的学习的一种总结。 这里我想到了两种方法，给大家分享一下。 好了不多说，下面看代码： 第一种，是常规的方法： [javascript]
复制代码 代码如下:
$(function(){ var images = ['images/up.png', 'images/down.png'] $(img).onClick(function(){ if($(img).attr("class")=="up"){ $(img).attr("src",images[1]); $(img).removeClass(); }else{ $(img).attr("src",images[0]); $(img).addClass("up"); } }); }) &img src="images/up.png" class="up"& $(function(){ var images = ['images/up.png', 'images/down.png'] $(img).onClick(function(){ if($(img).attr("class")=="up"){ $(img).attr("src",images[1]); $(img).removeClass(); }else{ $(img).attr("src",images[0]); $(img).addClass("up"); } }); }) &img src="images/up.png" class="up"&
这里主要是给图片控件注册一个点击事件，点击的时候添加CSS控制(css主要设置是否显示某部分内容)，同时更换图片。 第二种方法：使用arguments.callee.em ^= 1自动选择数组参数 [javascript]
复制代码 代码如下:
functionchangeimg() { //换图片 var images = ['images/up.png','images/down.png'] var imgupdown =document.getElementById("hideimg"); imgupdown.src = images[arguments.callee.em^= 1]; //隐藏下方的div var content =$(".hidecontent"); //根据display属性判断该进行的操作 if (content.css("display")!= "none") { content.slideUp("slow"); } else { content.slideDown("slow"); ; } } functionchangeimg() { //换图片 var images = ['images/up.png','images/down.png'] var imgupdown =document.getElementById("hideimg"); imgupdown.src = images[arguments.callee.em^= 1]; //隐藏下方的div var content =$(".hidecontent"); //根据display属性判断该进行的操作 if (content.css("display")!= "none") { content.slideUp("slow"); } else { content.slideDown("slow"); ; } }
这里将图片地址放到了一个数组中，异或运算，自动选择数组参数，实现图片的切换。 内容的隐藏显示，则使用了.css属性。 下面是效果图：（待补充）
以上是云栖社区小编为您精心准备的的内容，在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索隐藏显示
jquery实现点击切换、jquery实现点击隐藏、jquery显示隐藏切换、jquery实现tab切换、jquery点击显示隐藏，以便于您获取更多的相关知识。
为您提供简单高效、处理能力可弹性伸缩的计算服务，帮助您快速构建更稳定、安全的应用，提升运维效率，降低 IT 成本...
RDS是一种稳定可靠、可弹性伸缩的在线数据库服务。支持MySQL、SQL Server、PostgreSQL、高...
云栖社区()为您免费提供相关信息，包括
的信息，还有jquery实现点击切换、jquery实现点击隐藏、jquery显示隐藏切换、jquery实现tab切换、jquery点击显示隐藏等
，所有相关内容均不代表云栖社区的意见！

我要回帖

更多关于 jquery点击显示隐藏 的文章

 

随机推荐