Плавное отображение и скрытие блоков на 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>

 

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *