jquery toggle height and change button value

Question

У меня есть этот div (#world), который по умолчанию равен высоте 500 пикселей. Я также получил кнопку со значением «open», когда я нажимаю на кнопку, где div #world должен анимироваться и уменьшаться до высоты 200 пикселей в то же время, когда значение кнопки будет изменено на «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 
     }); 
    }) 
}); 

Последний вопрос

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Смежные вопросы

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.