javascript - jquery 切换高度和更改按钮值

Question

我有这个默认为 500px 高度的 div (#world)。当我单击#world div应该动画并减小到200px高度的按钮时，我还有一个值为“open”的按钮，同时按钮值将更改为“close”。

需要一些帮助:(我已经用谷歌搜索了这个，但我真的不明白怎么做。是的，我是新手 :)

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