javascript - 让父类触发

Question

这是我的

<div class='class1'>
   Some content
   <div class='trigger'>
     <a href='#'>Push To Start</a>
    </div>
</div>
<div ='toggle_content'>
   Show my content
</div>

然后我有一个简单的脚本，它在加载时隐藏我的 toggle_content 和另一个脚本:

$(".trigger").click(function(){
    $(this).toggleClass("active").next().slideToggle("slow");
    return false; //Prevent the browser jump to the link anchor
});

这很好用...如果我将触发器 div 移动到 toggle_content 旁边，这通过 next() 函数很明显.

所以问题是如何让它与上述结构一起工作？我试过执行 next(".toggle_content") 但这只是将我的触发器 div 的类设置为事件并到此结束，没有神奇的切换!

对 jQuery 的巫术非自然世界的任何启示都将不胜感激。

Answer 1

看起来您想要相对于该元素的父级

的下一个元素

$(this).toggleClass("active").parent().next().slideToggle("slow");