Функции .hide и .show библиотеки jQuery

Две функции-близнеца, предназначенные для управления видимостью элементов на странице. Это осуществляется через CSS-свойство

1

display

1

display

1

width

1

height

1

opacity

1

margin

1

padding

После скрытия элемента значение его CSS-свойство становится равным

1

dispaly: none

1

display

1

none

1

duration

1

callback

Примеры использования:

• мгновенно скроет элемент с идентификатором

  1

  #leftFit

  .

$("#leftFit").hide();

• мгновенно покажет элемент с идентификатором

  1

  #leftFit

  :

$("#leftFit").show();

• в течении 1/3 секунды скроет элемент с идентификатором

  1

  #leftFit

  :

$("#leftFit").hide(300);

• в течении 600 миллисекунд вернет видимость элементу с идентификатором

  1

  #leftFit

  :

$("#leftFit").show("slow")

Можно скрывать и показывать элементы с помощью сворачивания/разворачивания (за счет изменения высоты). Это делают функции

1

slideUp()

1

slideDown()

Медленно скрывает и раскрывает все видимые параграфы, длительность анимационных эффектов — 600 миллисекунд:

$('button').click(function () {
  $('p').hide('slow');
});

$('button').click(function() {
  $('p').show('slow');
});

Использование callback-функции:

$('#clickme').click(function() {
  $('#book').hide('slow', function() {
    alert('Animation complete.');
  });
});

$('#clickme').click(function() {
  $('#book').show('slow', function() {
    alert('Animation complete.');
  });
});

Материал данной статьи основан на ресурсах:

• http://jquery.page2page.ru
• http://jquery-docs.ru
• http://api.jquery.com

… и не претендует на оригинальность.