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

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

展开与收起效果

                
                zongran
            Web前端工程师

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

全部评论问答未解决精华

不再使用

多么实用的函数toggle自从1.9后从jq移除了，还是老实在用hide和show吧，代码量也并不比toggle多，于是自己写嘛,点击的时候用is判断元素是不是显示的（if $('#id').is(':visible')）
xx.click(function(){
if(xx.is(':visible')){
xx.hide();
}else{
xx.show();
}
});

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

2016-08-31

不再使用

感觉这里讲得坑了新人啊　我弄了好久才想到溢出……要用overflow:hidden才是良好的表现:
#pn{height:auto;overflow:hidden}

如果你没有设置背景色　然后在要改变高度的那个ｄｉｖ(也就是例子中id＝pn那个div)里面写上一大段文字（五六行的）　你会发现　内容是直接出现和直接消失的　设置了背景色会发现背景色在增大缩小　里面的内容压根不动
毕竟div的内容占用大了会溢出啊啊啊啊啊啊啊啊
如果显示的要是图片　得用background-image才会大小变化　直接插入一个图也会溢出的　是一下子出现和消失啊………………

12 3-2 使用JavaScript实现动态效果

2016-08-30