题
假设我们有这样的事:
<div class="row">
<div class="box">
<a class="more" href="#more"/>
</div>
<div class="hidden">
stuff
</div>
</div>
<div class="row">
<div class="box">
<a class="more" href="#more"/>
</div>
<div class="hidden">
stuff
</div>
</div>
所以,当你点击它more link
的toggles
hidden class
。但不能同时隐藏类。
我试着用$(this)
但没有编辑一些东西。
刚开始的jQuery / JS这样不是最好的吧。
这是我
$(".row .more").click(
function()
{
var parentTag = $(this);
var parentTag = "." + $(this).parent().parent().parent().attr('class') + "";
//$(this).prepend(document.createTextNode(parentTag));
$(parentTag + " .forum-stats").slideToggle("slow");
return false;
}
);
它现在的工作。 :( 我希望你明白我的问题...谢谢!
解决方案
这可能不是最有效的解决方案,但尝试:
$(".row #more").click(function() {
$(this).parents(".row").children(".hidden").slideToggle("slow");
}
);
这应该工作,如果我理解正确你的问题。
其他提示
$('a[href=#more]').click(function() {
$(this).parents('.row > div.hidden').slideToggle('slow');
});
不隶属于 StackOverflow