На этом шаге мы рассмотрим еще один пример использования метода .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. Медленное проявление/растворение и выдвижение/удаление второго абзаца
Полный текст этого примера можно взять здесь.На следующем шаге мы продолжим изучение этого вопроса.
