可折叠面板（js）

可折叠面板

举个例子

    

        
Part1
        
 I am part 1
        
Part2
        
I am part 2
        
part 3
        
I am part 3
    
 

分析

• 关键在于理解next方法
• 以及slideToggle方法
• this指代的是当前元素h3
• next选择紧邻的同级别元素，不是说标签相同，比如这个例子p和h3就是同级别
• 上述是一个链式操作

其中

$(this).next().slideToggle();

也可以写成

$(this)
    .next()
    .slideToggle();

参考

菜鸟教程在线编辑器
jquery next()方法 -