Плавное отображение и скрытие блоков на JQuery
Функция, которая скрывает и показывает элементы страницы:
function diplay_hide_show(block)
{
if ($(block).css('display') == 'none') {$(block).animate({height: 'show'}, 1000);}
else {$(block).animate({height: 'hide'}, 1000);}
}
Работа функции: если в стиле блока, id которого передается в функцию как переменная «block», стоит значение параметра «display: none», то этот блок необходимо сделать видимым, иначе скрыть его. Аргумент функции animate — 1000 — задержка анимации в мс.
Пример работы функции:
<a href="#" onclick="diplay_hide_show('#size');"> Ввести размер </a>
<div id="size">
<select id="size_select">
<option value="" selected="selected">Выберите размер...</option>
<option value="900х600">900 х 600</option>
<option value="800х600">800 х 600</option>
<option value="800х500">800 х 500</option>
<option value="600х400">600 х 400</option>
<option value="300х200">300 х 200</option>
</select>
</div>