0 0 9 7 -打造#鱼C-7周年庆典的"折叠区域图层"|【预热】

alltolove

六周年庆典时候是怎么庆祝的

dreamdnj

好贵啊！！！

不二如是

dreamdnj 发表于 2017-3-28 13:34
好贵啊！！！

真的贵吗？

floride

xy123963

yunying12321

介溪

支持楼主

Romeo

ck567

a211827754

不二老师偷懒啊 如果有多段内容<p>1</p><p>2</p>的话，就很迷了 得修改一下隐藏和显示函数
for(var j = 0; j < nump.length; j++){
        article[i].getElementsByTagName("p")[j].className = "hide";
}
//article[i].getElementsByTagName("p")[0].className = "hide";
title[i].className = "hide";
//
var newnump = obj.parentNode.getElementsByTagName("p");
        for(var k = 0; k < newnump.length;k++){
obj.parentNode.getElementsByTagName("p")[k].className = targClass;
}
//obj.parentNode.getElementsByTagName("p")[0].className = targClass;
obj.className = targClass;

a211827754

漏了一句
var nump = article[i].getElementsByTagName("p");

幽梦三影

jQuery改版

1. $(document).ready(function(){
   
2.                     var title = $('h1')
   
3.                     var article = $('p')
   
4.                     article.css('display','none')
   
5.                    
   
6.                     var s = true
   
7.                     title.eq(0).click(function(){
   
8.                             change(0, s)
   
9.                             s =! s
   
10.                     })
    
11.                     var w = true
    
12.                     title.eq(1).click(function(){
    
13.                             change(1, w)
    
14.                             w =! w
    
15.                     })
    
16.                     var k = true
    
17.                     title.eq(2).click(function(){
    
18.                             change(2, k)
    
19.                             k =! k
    
20.                     })
    
21.                     function change(i, t){
    
22.                             article.eq(i).toggle(100,function(){
    
23.                                     t ? title.eq(i).addClass('hide') : title.eq(i).removeClass('hide')
    
24.                             })
    
25.                     }
    
26.             })

复制代码

爱学习的懒懒君

X用户

看看

星空·无限

虽然没有学js但是还是了解了实现原理，就是通过修改p标签的display属性来实现显示与隐藏吧？手动也能实现相同的原理。

小脑斧

等我看看js基础，直接代码有点猛

小脑斧

折叠效果没有出来