Jquery SlideToggle 围绕

Question

我需要对以下 jquery 代码进行一些小修改。 (DEMO is here)

如果您在演示中注意到，标题一可以按照我的意愿完美地向上/向下滑动，但标题二和三则不然。区别只是我在(“标题二”、“标题三”)标签周围添加了另一个 div。我知道，需要对这一行进行一些操作 $(this).next("p").slideToggle("fast");但我不知道如何做到这一点，因为我是 Jquery 的初学者。

以下是我的代码

$(document).ready(function(){
    $("p").hide();

    $("h3").click(function(){
        $(this).next("p").slideToggle("fast")
        $(this).toggleClass("active");
    });
    $('.mylink').click(function(){
        $(this).parent('p').prev().trigger('click');
    })
}); 

请指导

Answer 1

虽然并不完美，但这将为您提供您想要的功能:

$(document).ready(function(){
    $("p").hide();

    $("h3").click(function(){
        $(this).closest('.accordion').find("p").slideToggle("fast");
        $(this).toggleClass("active");
    });
    $('.mylink').click(function(){
        $(this)
          .parent()
          .slideToggle('fast')
          .closest('.accordion')
          .find('h3')
          .toggleClass('active');
    })
}); 

主要更改是使用 closest() 来定位父 .accordion 并将其用作 find() 的引用点> 你的 p 元素。

编辑:codepen 由于某种原因被中断，这里有一个 jsfiddle