好贵啊!!!
真的贵吗? {:7_146:} {:5_106:}{:5_106:} {:10_256:}{:10_256:} 支持楼主 {:7_146:} {:5_105:} 不二老师偷懒啊 如果有多段内容<p>1</p><p>2</p>的话,就很迷了 得修改一下隐藏和显示函数
for(var j = 0; j < nump.length; j++){
article.getElementsByTagName("p").className = "hide";
}
//article.getElementsByTagName("p").className = "hide";
title.className = "hide";
//
var newnump = obj.parentNode.getElementsByTagName("p");
for(var k = 0; k < newnump.length;k++){
obj.parentNode.getElementsByTagName("p").className = targClass;
}
//obj.parentNode.getElementsByTagName("p").className = targClass;
obj.className = targClass; 漏了一句
var nump = article.getElementsByTagName("p");
本帖最后由 幽梦三影 于 2018-9-16 09:44 编辑
jQuery改版 $(document).ready(function(){
var title = $('h1')
var article = $('p')
article.css('display','none')
var s = true
title.eq(0).click(function(){
change(0, s)
s =! s
})
var w = true
title.eq(1).click(function(){
change(1, w)
w =! w
})
var k = true
title.eq(2).click(function(){
change(2, k)
k =! k
})
function change(i, t){
article.eq(i).toggle(100,function(){
t ? title.eq(i).addClass('hide') : title.eq(i).removeClass('hide')
})
}
}) {:10_256:} 看看 虽然没有学js但是还是了解了实现原理,就是通过修改p标签的display属性来实现显示与隐藏吧?手动也能实现相同的原理。{:10_245:} 等我看看js基础,直接代码有点猛{:10_277:} 折叠效果没有出来{:10_285:}
页:
[1]