为了账号安全,请及时绑定邮箱和手机立即绑定

展开与收起效果

难度初级
时长 1小时 0分
学习人数
综合评分9.73
101人评价 查看评价
9.7 内容实用
9.8 简洁易懂
9.7 逻辑清晰
jquery toggle 从1.8版本以后就不起作用了
function showdiv(obj){
var x=obj.parentNode;
var y=x.nextSibling;
y.style.display='block';
x.style.display='none';
}
但浏览器上y.style.display='block'报错:Uncaught TypeError: Cannot set property 'display' of undefined
老师很不错
用css3的动画效果来做 更简单其实
用条件语句判定的话还是怕不够,比如有些情况就是元素节点前面的多个节点都是空白,用循环判断是不是能更保险一点
$(function(){
$('#strHref').click(function(){
if( $('#hpn').css('display')=='none' ){ $('#hpn').show(); $('#strHref').text('收起') }
else{ $('#hpn').hide();$('#strHref').text('更多选项+'); }
})
});
1.9版本之后toggle()也是可以用的,加入延时时间,和调用函数,调用函数是显示或隐藏某元素,再在函数里加入判断语句就可以切换按钮文字了。亲测可用。
老湿,你的text-align: center; 没有效果,为什么呢。
浏览器兼容问题真是让人头疼。。
用vs写前端代码,我坚持不了一会
$(document).ready(function() {
$("#hrefStr").click(function(){
if($("#hpn").is(":visible")){
$("#hpn").hide(1000,function(){
$("#hrefStr").text("更多选项+");});
}
else{
$("#hpn").show(800,function(){
$("#hrefStr").text("收起-");});
}
});
});
可以用overflow:hidden好一点,那样子消失的不是很突兀,
用1.8以上版本的jq效果就不一样了!
平常都听1.0的 刚试了1.5的 怎么听着有点好笑>_<
课程须知
您至少具备HTML/CSS、JavaScript基础知识。
老师告诉你能学到什么?
1.掌握使用定时器控件动画。2.掌握节点式查找控件的方法。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消