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

展开与收起效果

难度初级
时长 1小时 0分
学习人数
综合评分9.73
101人评价 查看评价
9.7 内容实用
9.8 简洁易懂
9.7 逻辑清晰
function showdiv() {//展开函数
document.getElementById("hpn").style.display="block";
document.getElementById("strHref").innerHTML="收起-";
document.getElementById("strHref").href="javascript:hidediv();";


}
<script src="jquery.js"/></script>
<script type="text/javascript">
$(document).ready(function(){
$("#strHref").toggle(function(){
$(this).text("收起");
$("#hpn").show(1000);
},function(){
$(this).text("展开");
$("#hpn").hide(1000);
});
});
</script>
提示功能方便算是理由吗?sublime text dw不一样可以吗
每个人的观点不一样吧

已采纳回答 / 成者并非一蹴而就
结构,样式,行为分离是理想化,但不是绝对化!!先说你提出的:有些东西可以代替,比如用onclick调用函数,但是具体看作者;当然,能尽量实现<结构,样式,行为分离>还是最好这样,方便以后的维护和调整------题外话-----------现在主流的浏览器IE,Chrome,Firefox,Opera,国内的双核浏览器(IE+WEBKIT OR IE+ blind);并非所有主流浏览器都支持较新的规则,比如针对IE6~8,为了布局有时候就不得不用许多HACK CSS;其实根据最新的XHTML5+...
收益不少 0.0 …… 声音好轻

最赞回答 / 蘑小菇
x.nextSibling得到的值是个空格   所以你的页面效果没出来在Firefox中,x的nextSibling并不是congtent,因为两者之间有一个换行符     这被认为是一个空格    如果你想通过x的值得到content里的内容  而不是按照老师设置x和y的变量获取值  那么你就试试x.style.display = "none";x.nextSibling.nextSibling.style.display = "block";写两个nextSibling  第一个nextSibling...
老师讲得真好,特别详细
用overflow效果好一些啊。

已采纳回答 / 萤火虫cc
先把点开的文章slidedown().然后用jQuery的 :not 选择器把这篇文章剔除,其他的文字都slideup()
课程须知
您至少具备HTML/CSS、JavaScript基础知识。
老师告诉你能学到什么?
1.掌握使用定时器控件动画。2.掌握节点式查找控件的方法。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消