javascript - jqueryで高さを切り替えてボタンの値を変更

Question

デフォルトで高さ 500px のこの div (#world) があります。ボタンをクリックすると、値が「開く」というボタンも表示されます。ボタンの値が「閉じる」に変更されると同時に、#world div がアニメーション化され、高さが 200px に減少します。

助けが必要です:(私はこれをグーグルで検索しましたが、これの方法を本当に理解できません。はい、私は初心者です:)

Answer 1

これはあなたが達成しようとしていることですか？

デモ: http://jsfiddle.net/FRBhz/

$(document).ready(function() {
    $('button').click(function() {
        this.value = (this.value == 'open') ? 'close' : 'open';
        var new_height = ($('#world').height() == 500) ? 200 : 500;
        $('#world').animate({
            height: new_height
        });
    })
});