如何使用下面的代码切换类？

Question

在潜入 PHP 数月后，我对下面的代码有疑问。我尝试扩展引导面板主体，但它只接受 addClass 而不是 toggleClass。

我希望你们这些优秀的人可以帮助解决这个问题！我喜欢发现错误，但这开始让我烦恼！我正在尝试从头到尾创建一个博客（没有 CMS），看看效果如何！

下面的 PHP 回显：

echo "

                        <div class='panel panel-default'>
                            <div class='panel-heading'>
                                <h3 class='panel-title'>$title</h3><p class='storefrontNameAnd_Date'>$author $time</p>
                        </div>

                              <div class='panel-body'>
                                <p>$message</p>
                                <button class='btn btn-success btn-reply' style='float:right'>
                                $clickReply
                                </button>
                              </div>

                        </div>

                ";

下面的查询：

$(function(){

    $("button").click(function(){


        $(this).parent().closest("div").addClass("replyClicked");

    });

});

下面的 CSS：

.replyClicked {

  color: red;
  height: 500px;
  transition: all 0.5s;

}

Answer 1

我解决了这个问题，我改用 PHP 并使用 MYSQL 数据 'id' 为 data-target='#$id' 生成 ID，并将 data-toggle='collapse' 添加到框的另一部分。