展开与收起效果_技术问答

首页免费课展开与收起效果问答

展开与收起效果

                
                zongran
            Web前端工程师

                    查看讲师更多课程 
                    zongran讲师的其他课程
                
商城分类导航效果
初级·63737
免费课程
                                
                难度初级
            
                时长 1小时 0分
            
                学习人数
            
综合评分9.73
                            101人评价
                        查看评价
                                9.7
                                内容实用
                            
                                9.8
                                简洁易懂
                            
                                9.7
                                逻辑清晰

全部评论问答未解决精华

我这里用nextSibling方法找不到target.parentNode的兄弟元素<div id="Alltxt">正文;是哪里出问题了嘛，求大神指导！

最新回答 / 食梦者3711585

你把nextSibling换成nextElementSibling，把previousSibling换成previousElementSibling试试

1 回答 2069 浏览 5-3 使用JavaScript实现展开效果

2017-04-30

MatJenin

用css3的动画效果来做更简单其实

0 3-4 编程练习

2017-04-22

我想知道它下面那个灰色的长条宽怎么顶上去的？有人知道嘛，求解

最赞回答 / 晓媛Sharon

因为上面的div的被display：none；即被隐藏了，下面的div灰色的长条自然就上去了。

2 回答 1137 浏览 7-1 编程挑战

2017-04-22

id命名

已采纳回答 / 天翼翱翔

不可以，但是class可以，id就相当于身份证是唯一的，class相当于人名，可以有多个

1 回答 1178 浏览 5-4 使用JavaScript实现收起效果

2017-04-13

DoubleStone

用条件语句判定的话还是怕不够，比如有些情况就是元素节点前面的多个节点都是空白，用循环判断是不是能更保险一点

1 5-5 浏览器兼容性

2017-04-07

_kwan

$(function(){
$('#strHref').click(function(){
if( $('#hpn').css('display')=='none' ){ $('#hpn').show(); $('#strHref').text('收起') }
else{ $('#hpn').hide();$('#strHref').text('更多选项+'); }
})
});

0 4-3 编程练习

2017-03-30

谢南波

1.9版本之后toggle（）也是可以用的，加入延时时间，和调用函数，调用函数是显示或隐藏某元素，再在函数里加入判断语句就可以切换按钮文字了。亲测可用。

0 4-1 jQuery实现点击按钮展开和收起动画效果

2017-03-27

谢南波

老湿，你的text-align: center; 没有效果，为什么呢。

0 2-1 使用HTML/CSS实现静态布局

2017-03-26

白汽水

浏览器兼容问题真是让人头疼。。

0 5-5 浏览器兼容性

2017-03-20

西兰花伟大炮

用vs写前端代码，我坚持不了一会

1 5-2 静态布局制作

2017-03-18

慕粉3227887

$(document).ready(function() {
$("#hrefStr").click(function(){
if($("#hpn").is(":visible")){
$("#hpn").hide(1000,function(){
$("#hrefStr").text("更多选项+");});
}
else{
$("#hpn").show(800,function(){
$("#hrefStr").text("收起-");});
}
});
});

1 4-1 jQuery实现点击按钮展开和收起动画效果

2017-03-18