Question

求Jquery高手，怎样给一个标签绑定一个点击事件，点击后有别外一个层显示出来，再点击就隐藏，急。。。

这个是html代码。当点击“评论”时，Class为“c”的层用这个动画（slideUp）显示出来。
Jquery的代码要怎么写
<div class="a">
<div class="b">
<p><span>时间</span><span>评论</span></p>
</div>
</div>
<div class="c" style="display:none">
<div class="d">
<input type="text" />
<input type="button" value="评论" />
</div>
</div>
<div class="a">
<div class="b">
<p><span>时间</span><span>评论</span></p>
</div>
</div>
<div class="c" style="display:none">
<div class="d">
<input type="text" />
<input type="button" value="评论" />
</div>
</div>
<div class="a">
<div class="b">
<p><span>时间</span><span>评论</span></p>
</div>
</div>
<div class="c" style="display:none">
<div class="d">
<input type="text" />
<input type="button" value="评论" />
</div>
</div>

Answer 1

<script>
$(function(){
   $('.b span:odd').click(function(){
      $obj=$(this).parents('.a').next('.c');
      if($obj.is(':hidden'))
      {
         $obj.slideDown('slow');
      }else{
         $obj.slideUp('slow');
      }
   });
});
</script>

Answer 2

命运黑手正解，不过可以简化一下

$(function(){
    $(".b span:odd").click(function(){
        $(this).parents(".a").next().slideToggle();
    });
});