jquery切换高度和更改按钮值

Question

我有这个div（#world）默认为500px高度。当我点击#world div应该动画的按钮并且按钮值将变为“关闭”的同时减少到200px的高度时，我还得到一个值为“open”的按钮。

需要一些帮助:( 我用Google搜索了这个，但我真的不明白这是怎么回事。是的我是新手：）

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
        });
    })
});