jQuery-ի slideUp և slideDown մեթոդները

slideUp և slideDown մեթոդները թույլ են տալիս կատարել տարրի «գլորում» և «դուրս գլորում» (որպես պարամետր դրանք ընդունում են նաև էֆեկտի կատարման ժամանակը, եթե այն նշված չէ, կօգտագործվի լռելյայն ժամանակը՝ 400մվ): Ինչպես է այն թվում - տեսեք հաջորդ օրինակում:

Ենթադրենք ունենք երկու կոճակ և div:

html<button id="hide">hide</button>
<button id="show">show</button>
<div id="elem">text...</div>

CSS-ն այսպիսի տեսք ունի.

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Այժմ գրում ենք slideUp և slideDown մեթոդները.

javascript$('#hide').click(function() {
  $('#elem').slideUp(1000);
});

$('#show').click(function() {
  $('#elem').slideDown(1000);
});