javascript - FadeToogle Jquery は、この上で次にセレクターを動作させません

Question

さて、私は自分のコンテンツにdivを隠しており、これを表示するボタンを作成していますが、問題は、この名前の多くの要素があるため、この関数を作成して解決することです:

$("a.all_com").click(function(){
    $(this).nextAll("div:first").slideToggle();
});

この関数は機能しません。これを使用してみます：

$("a.all_com").click(function(){
    $(this).next("div").slideToggle();
});

と

$("a.all_com").click(function(){
    $(this).nextAll("div").slideToggle();
});

誰も解決策を教えてくれません。これは実際に要素にいくつかを適用することです。

表示/非表示にする私のコードは次のとおりです。

<div id="task_footer">
    <a href="#" id="comment_buttom" class="new_com">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Comentar</a>
    <a href="#" id="comment_buttom" class="all_com">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Comentários</a>
</div>

<div id="comment_list" style="display:none;" >
    <% tasks.comments.each do |c| %>
        <% if c.user %>
            <p class="one_comment">
            <strong><%= c.user.email %></strong>
            <%= c.comment %>
            </p>
        <% end %>
    <% end %>
</div>