这是我的
<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 的巫术非自然世界的任何启示都将不胜感激。
最佳答案
看起来您想要相对于该元素的父级
的下一个元素$(this).toggleClass("active").parent().next().slideToggle("slow");
关于javascript - 让父类触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8846468/