Question

jquery收起展开效果

结构如图，点击h3里的i，ul实现收起，展开效果

Answer 1

结构非常稳固

$("h3 i").click(function(){
$(this).parent().parent().find("ul").toggle();//无动画显示隐藏
$(this).parent().parent().find("ul").fadeToggle();// 透明度变化 淡入淡出
$(this).parent().parent().find("ul").slideToggle(); //有个上下滑动动画的展开收起效果 推荐
});

Answer 2

jQuery(function ($){
    $("h3>i").click(function (){
        $(this).closest("h3").next("ul").toggle();
    });
});