jquery点击显示或隐藏内容,可以一次展开多个和点击按钮一次全部展开-freejs.net代码演示
&&&&jquery点击显示或隐藏内容,可以一次展开多个和点击按钮一次全部展开()
jquery点击显示或隐藏内容,可以一次展开多个和点击按钮一次全部展开
&id=&page&&&
&&&&&id=&headingSection&&&
&&&&&&&&&class=&button&expand&&href=&#&展开&&
&&&&&id=&faqSection&&&
&&&&&&&&&&
&&&&&class=&icon&FAQ1&&
&&&&&href=&../../article_jquerywenzi_21.html&jquery点击显示或隐藏内容,可以一次展开多个和点击按钮一次全部展开&&
&&&&&class=&icon&2&&
&&&&内容2&&
$(document).ready(function(){&&
&&&&&&&&var&dl&=&$('&dl&');&&
&&&&&&&&$('#faqSection').append(dl);&&
&&&&&&&&&&
&&&&&&&&$('dt').live('click',function(){&&
&&&&&&&&&&&&var&dd&=&$(this).next();&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&if(!dd.is(':animated')){&&
&&&&&&&&&&&&&&&&dd.slideToggle();&&
&&&&&&&&&&&&&&&&$(this).toggleClass('opened');&&
&&&&&&&&&&&&}&&
&&&&&&&&&&&&&&
&&&&&&&&});&&
&&&&&&&&&&
&&&&&&&&$('a.button').click(function(){&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&if($(this).hasClass('collapse')){&&
&&&&&&&&&&&&&&&&$('dt.opened').click();&&
&&&&&&&&&&&&}&&
&&&&&&&&&&&&else&$('dt:not(.opened)').click();&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&$(this).toggleClass('expand&collapse');&&
&&&&&&&&&&&&&&
&&&&&&&&&&&&return&false;&&
&&&&&&&&});&&
&&&&&&&&&&
&原文地址:还没有任何记录...
顶部点击展开层再次点击折叠(jquery)
来源：懒人建站
作者： 懒人建站
基于jquery的顶部点击展开层按钮，再次点击折叠。内容层中可以添加任意内容。内容层 这是内容，可以是任何HTML标签
一个基于jquery的顶部点击展开层按钮，再次点击折叠。内容层中可以添加任意内容。
内容就写在 &div id=&panel&&这是内容，可以是任何 &/div&
这是按钮：&p class=&slide&&&a href=&& class=&btn-slide&&&/a&&/p&
其他就是CSS 和jquery了。
本文链接：/js/texiao/jquery_zhedie.html
(责任编辑：懒人建站)
顶部点击展开层再次点击折叠(jquery)由懒人建站收集整理，您可以自由传播，请主动带上本文链接
就是免费分享，觉得有用就多来支持一下，没有能帮到您，懒人也只能表示遗憾，希望有一天能帮到您。
顶部点击展开层再次点击折叠(jquery)-相关文章
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
根本无法下载
不能下载？什么原因后使用快捷导航没有帐号？
只需一步，快速开始
查看: 9020|回复: 12
Jquery 点击一次，显示下一个DIV 怎么做到？
UID237887在线时间 小时积分691帖子离线17102 天注册时间
高级会员, 积分 691, 距离下一级还需 309 积分
本帖最后由 peng6000 于
11:29 编辑
&script type=&text/javascript& src=&/ajax/libs/jquery/1.4.4/jquery.min.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
for(var i=1;i&3;i++){
$(&.btn1&).click(function(i){
$(&#box&+i).css('display','block');
$(&#box&+i).siblings().hide();
&div id=&box1& style=&&&111&/div&
&div id=&box2& style=&display:none&&222&/div&
&div id=&box3& style=&display:none&&333&/div&
&button class=&btn1&&按扭&/button&
&提示：您可以先修改部分代码再运行
就是第一次点 得到111，第二次点得到222 ，第三次点得到333
运行不了，求帮改一下
UID382945在线时间 小时积分457帖子离线17102 天注册时间
中级会员, 积分 457, 距离下一级还需 43 积分
JQ不是很懂，JS应该就能实现吧！
UID525272在线时间 小时积分1505帖子离线17102 天注册时间
银牌会员, 积分 1505, 距离下一级还需 1495 积分
&script type=&text/javascript& src=&/ajax/libs/jquery/1.4.4/jquery.min.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
$('button.btn1').click(function(){
$('div').hide().eq(++i).show();
&div id=&box1& style=&&&111&/div&
&div id=&box2& style=&display:none&&222&/div&
&div id=&box3& style=&display:none&&333&/div&
&button class=&btn1&&按扭&/button&
&提示：您可以先修改部分代码再运行
UID525272在线时间 小时积分1505帖子离线17102 天注册时间
银牌会员, 积分 1505, 距离下一级还需 1495 积分
本帖最后由 shirne 于
13:37 编辑
远程代码加载不了?
再放个原生的.
&div id=&box1& style=&&&111&/div&
&div id=&box2& style=&display:none&&222&/div&
&div id=&box3& style=&display:none&&333&/div&
&button class=&btn1& id=&button&&按扭&/button&
&script type=&text/javascript&&
document.getElementById('button').onclick=function(){
var a=document.getElementsByTagName('div'),l=a.
a[i++].style.display='none';
if(i&=l)i=0;
a[i].style.display='block';
&提示：您可以先修改部分代码再运行
UID525272在线时间 小时积分1505帖子离线17102 天注册时间
银牌会员, 积分 1505, 距离下一级还需 1495 积分
奇怪了，chrome的问题，运行不了.
UID581801在线时间 小时积分2774帖子离线17102 天注册时间
银牌会员, 积分 2774, 距离下一级还需 226 积分
两个都好着 你多等等
UID237887在线时间 小时积分691帖子离线17102 天注册时间
高级会员, 积分 691, 距离下一级还需 309 积分
shirne 发表于
远程代码加载不了?
再放个原生的.
谢谢，这个好用，JQUERY 的那个要怎么按DIV循环才好？
我把这两句加进CLICK事件里，效果是222.333分别显示后点第3下时333消失了，只剩下按扭没有数字，然后再点就出现222，而不是111
& & var a=$('div'),l=a.
& & if(i&=a.length){i=0};
UID237887在线时间 小时积分691帖子离线17102 天注册时间
高级会员, 积分 691, 距离下一级还需 309 积分
&div id=&box1& style=&&&111&/div&
&div id=&box2& style=&display:none&&222&/div&
&div id=&box3& style=&display:none&&333&/div&
&button class=&btn1& id=&button1&&+&/button&
&button class=&btn2& id=&button2&&-&/button&
&script type=&text/javascript&&
document.getElementById('button1').onclick=function(){
var a=document.getElementsByTagName('div'),l=a.
a[i++].style.display='none';
if(i&=l)i=0;
a[i].style.display='block';
document.getElementById('button2').onclick=function(){
var a=document.getElementsByTagName('div'),l=a.
a[i--].style.display='none';
if(i&=0)i=l;
a[i].style.display='block';
&提示：您可以先修改部分代码再运行
我加了一个减号按钮怎么才能点减号就往回减啊，我改了一下出错了，呵呵，本人菜鸟，多学习一下，请指教
UID525272在线时间 小时积分1505帖子离线17102 天注册时间
银牌会员, 积分 1505, 距离下一级还需 1495 积分
pxh0829 发表于
var a=document.getElementsByTagName('div');l=a.
l前面应该是;不是,
同时声明两个变量并赋值,有什么问题吗?
用了分号 l 就属于没声明的变量.
UID525272在线时间 小时积分1505帖子离线17102 天注册时间
银牌会员, 积分 1505, 距离下一级还需 1495 积分
本帖最后由 shirne 于
20:21 编辑
peng6000 发表于
if(i&=0)i=l;
if(i&=0)i=l-1;
javascript(和许多种语言)都是这样.
数组的最后一个下标并不是数组的长度.
因为起始是从0的,所以是长度减1.
还有就是判断到达最开始位置
这个也有问题.
否则会漏掉第一个.
UID237887在线时间 小时积分691帖子离线17102 天注册时间
高级会员, 积分 691, 距离下一级还需 309 积分
shirne 发表于
同时声明两个变量并赋值,有什么问题吗?
用了分号 l 就属于没声明的变量.
感谢指导，蓝色论坛，有没有办法演示JQuery 呢
UID592746在线时间 小时积分281帖子离线17102 天注册时间
中级会员, 积分 281, 距离下一级还需 219 积分
&div id=&box1& style=&&&111&/div&
&div id=&box2& style=&display:none&&222&/div&
&div id=&box3& style=&display:none&&333&/div&
&button class=&btn1&&++&/button&
&button class=&btn2&&--&/button&
&script type=&text/javascript& src=&/ajax/libs/jquery/1.4.4/jquery.min.js&&&/script&
&script type=&text/javascript&&
$(document).ready(function(){
var mar=$(&div&).
$(&.btn1&).click(function(){
if(n&=(mar-1)){
alert(&已经是最后一个了&);
$(&div&).hide().eq(n).show();
$(&.btn2&).click(function(){
alert(&已经是第一个了&);
$(&div&).hide().eq(n).show();
&提示：您可以先修改部分代码再运行
UID676682在线时间 小时积分3帖子离线17102 天注册时间
新手上路, 积分 3, 距离下一级还需 47 积分
远程代码加载不了?
再放个原生的.
您好，请问，页面已经存在了一个会员登录的按钮，好想和这个冲突，应该怎么修改呢
Powered by求一个HTML 鼠标点击按钮 按钮隐藏 再点击 按钮显示的代码
[问题点数：20分]
求一个HTML 鼠标点击按钮 按钮隐藏 再点击 按钮显示的代码
[问题点数：20分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2014年7月 Java大版内专家分月排行榜第二
2015年1月 Java大版内专家分月排行榜第三2014年8月 Java大版内专家分月排行榜第三
2016年8月 扩充话题大版内专家分月排行榜第二
2015年8月 Java大版内专家分月排行榜第三
匿名用户不能发表回复！|
每天回帖即可获得10分可用分！小技巧：
你还可以输入10000个字符
(Ctrl+Enter)
请遵守CSDN，不得违反国家法律法规。
转载文章请注明出自“CSDN（www.csdn.net）”。如是商业用途请联系原作者。}