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
});

这很好...... 如果我在toggle_content旁边移动我的触发器div，next()函数就很明显了。

所以问题是如何让它与上述结构一起使用？我尝试过next(".toggle_content")，但这只是将我的触发器div的类设置为活动状态并在那里结束，没有魔术切换！

任何对voodoo不自然的jQuery世界的启示都会受到赞赏。

Answer 1

看起来你想要下一个元素相对于这个元素的父

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

Answer 2

试试这个：

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

Answer 3

$(".trigger").click(function(event){
    event.preventDefault();
    $(this).toggleClass("active").parent().prev().slideToggle("slow");
});

让父类触发

3 个答案: