显示父元素的项目

时间:2008-12-09 00:16:38

标签: jquery html jquery-ui toggle show-hide

让我们说我们有类似的东西:

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

它确实有效。 :( 我希望你理解我的问题......谢谢!

2 个答案:

答案 0 :(得分:1)

这可能不是最有效的解决方案,但请尝试以下方法:

$(".row #more").click(function() {
        $(this).parents(".row").children(".hidden").slideToggle("slow");    
    }
);

如果我理解你的问题,这应该有用。

答案 1 :(得分:1)

$('a[href=#more]').click(function() {
    $(this).parents('.row > div.hidden').slideToggle('slow');
});