javascript - サイズ変更ではなく、div animate が消える

Question

何らかの理由で、.animate を使用して 2 つのサイズ間で div を切り替えようとすると、必要なサイズにスケーリングするのではなく、単に消えてしまいます。私は非常に多くの方法ですべての構文とささいなことをいじりましたが、何も機能しません。これは、私が使用してたくさんいじったjqueryです。

$("#expandable").click(
    function() {
        $("#expandable").toggle(
            function() {
                $("#expandable").animate(
                    {width:600, height:600}
                )
            },
            function() {
                $("#expandable").animate(
                    {width:400, height:200}
                );
            }
        );
    }
);

ここに jsfiddle があります。 http://jsfiddle.net/justinbc820/qt7GV/

Answer 1

これを見てくださいhttp://jsfiddle.net/qt7GV/4/

$("#expandable").click(function() {

    if ($(this).width() < 600) {
         $(this).animate(
             {width:600, height:600}
         )
    } else {
        $(this).animate(
            {width:400, height:200}
        );
    }
});

Answer 2

http://api.jquery.com/toggle/

説明: 一致した要素を表示または非表示にします。

var on = false;
var box = $("#expandable");
box.click(
    function() {

        if (on = !on) { 
            box.animate(
                    {width:600, height:600}
                )
        } else {
            box.animate(
                    {width:400, height:200}
                );
        }            

    }
);