jquery在循环内滑下函数

Question

我有一个jquery函数，它发生在一个php循环中，但我无法使它工作

的jquery.js

$(document).ready(function(){
    $("#comment_button").click(function(){
        $("#comment_type_area").slideToggle("fast");
    });
});

的index.php

....

    echo"<div id='comment_button'>
                Comment
            </div>
            <div id='comment_type_area'>
                <textarea class='commnt' post_id='<?php $shared_id2; ?>' id='text_comment' placeholder='Write a Comment'></textarea><br>
                <button id='post_button' type='button'>Post</button> 
            </div>";    

输出

正如您所看到的，我无法滑下评论div的其余部分请帮助

Answer 1

您正在使用ID，每个文档的ID必须是唯一的。

尝试使用以下类：

$(".comment_button").click(function(){
   $(this).next().slideToggle("fast");
});