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

时间:2016-03-20 17:37:57

标签: php jquery css twitter-bootstrap onclick

在花了几个月的时间深入PHP后,我对下面的代码有疑问。我尝试展开bootstrap panel-body但是它只接受addClass而不是toggleClass。

我希望你们精彩的人可以帮助你!我喜欢发现错误,但这开始惹恼我了!我试图从头到尾创建一个博客(没有CMS),看看它是怎么回事!

PHP ECHO以下:

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;

}

1 个答案:

答案 0 :(得分:0)

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