jquery - toggleClass でクラスを変更した後の jQuery イベント

Question

jQuery と toggleClass() に問題があります。ボタンをクリックすると閉じるdivを作成したいと思います。ボタンが変わり、このボタンをもう一度クリックすると、div が再び開きます。

問題は次のとおりです。ボタンをクリックすると、divが閉じ、ボタンのクラスが変更されます-それで問題ありません。しかし、新しいクラスのボタンをクリックしても、何も起こりません。

これが私のコードです：

<div class="content">
        <div class="contentclose"></div>
        <p>Text here</p>
    </div>

そしてjQuery：

$( document ).ready(function() {
$(".contentclose").click(
    function() {
        $(".content").animate({
            "height": "45px",
            "width": "45px",
            "padding": "0px"
        }, 1000);
        $(".content").children("p").animate({
            "opacity": "0"
        }, 1000);

        $(".contentclose").toggleClass("contentclose contentopen");

}
);

$(".contentopen").click(
    function() {
        $(".content").animate({
            "height": "400px",
            "width": "200px",
            "padding": "50px"
        }, 1000);
        $(".content").children("p").animate({
            "opacity": "1"
        }, 1000);

        $(".contentopen").toggleClass("contentopen contentclose");

}
); });

あなたが私を助けてくれることを願っています...