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改版

$(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')
                            })
                    }
            })

爱学习的懒懒君

X用户

看看

星空·无限

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

小脑斧

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

小脑斧

折叠效果没有出来