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

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

展开与收起效果

                
                zongran
            Web前端工程师

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

全部评论问答未解决精华

不引入JQ，我将这；两个效果结合起来，为什么只能实现一次，有大神可以帮忙看一下吗？

已采纳回答 / 团酱

当你执行第二次的时候，time<0,且h>300，所以就不执行if里面的了。你可以这样写：<...code...>

1 回答 1357 浏览 3-2 使用JavaScript实现动态效果

2016-11-20

孤丶晴

$("#strHref").click(function(){
if($("#hpn").is(":visible")){
$(this).text("收起-");
$("#hpn").hide(1000);
}else{
$(this).text("更多选项");
$("#hpn").show(1000);
}
})
});

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

2016-11-14

ljhziyou

nextSibling存在兼容性问题，只有在IE8以下老师说的那种方法才有效

4 5-3 使用JavaScript实现展开效果

2016-11-13

ljhziyou

通过href执行js代码也是一种方法，不过我认为实际做项目时还是用DOM比较合理

0 2-2 使用JavaScript实现动态效果

2016-11-12

ljhziyou

用vs搞web前端还真不多见，难道后端是用.net？

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

2016-11-12

qq_似水星源_0

//$(document).ready(function() {
// $('#strHref').click(function() {
// if($('#hpn').is(':visible')) {
// $('#hpn').hide(1000);
// }else {
// $('#hpn').show(1000);
// }
// });
//})

$(document).ready(function() {
$("#strHref").click(function() {
$("#hpn").slideToggle(1000);
});
});

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

2016-11-08

云影杳杳

innerHTML是指某个元素内部的代码，而innerText是指某个元素的文本内容。
例子：<div id="test"><p>123</p></div>
alert(document.getElementById('test').innerHTML);//弹出 <p>123</p>
alert(document.getElementById('test').innerText);//弹出 123

1 2-4 练习题

2016-11-05

展开与收起效果

+ 我来回答回答最高可+2积分

3 回答 788 浏览 4-3 编程练习

2016-10-29

苍白的尾巴

1.5倍速。无障碍

0 2-2 使用JavaScript实现动态效果

2016-10-29

大董你能行

y不展开的bug是因为有的浏览器把空格字符也算作节点，继续往后看到浏览器兼容那一节就明白了，不要着急哦

0 5-3 使用JavaScript实现展开效果

2016-10-26

大董你能行

老师的代码，在JQ新版本下toggle实现不了，会出现飞按钮的情况，所以这个toggle不能用了，改成
$(document).ready(function () {

$("#strHref").click(function () {

$("#hpn").slideToggle(1000);

});

});

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

2016-10-26