На этом шаге мы рассмотрим еще один пример использования метода .animate().
С помощью метода .animate() можно изменять значения любых комбинаций свойств одновременно. Например, чтобы создать эффект одновременного выдвижения и проявления второго параграфа, можно просто добавить пару свойство-значение для свойства height в отображение свойств при вызове метода .animate():
$(document).ready(function() { var $firstPara = $('p:eq(1)'); $firstPara.hide(); $('a.more').click(function() { var $link = $(this); $firstPara.animate({ opacity: 'toggle', height: 'toggle' }, 'slow' ); if ( $link.text() == "Далее" ) { $link.text('Готово'); } else { $link.text('Далее'); } return false; }); });
Рис.1. Медленное проявление/растворение и выдвижение/удаление второго абзаца
Полный текст этого примера можно взять здесь.На следующем шаге мы продолжим изучение этого вопроса.