Metod slideUp
Metod slideUp elementleri aşakdan ýokary
ýuvup, ýumşak gizleýär. Elementleri
slideDown
metody bilen görkezmek bolýar.
Sintaksis
Bellenen wagtyň dowamynda gizlemek,
adaty ýagdaýda 400ms:
.slideUp(dowamlylygy);
Wagty diňe millisekuntlarda däl, eýsem
açar sözler bilen hem bellese bolýar:
slow (600ms)
we fast (200ms), baha näçe uly bolsa,
animasiýa şonça haýal:
.slideUp('slow' ýa-da 'fast');
Eger parametrler görkezilmese - animasiýa bolmaz, elementler derrew gizelener:
.slideUp();
Ýumşaklyk funksiýasyny ikinji parametr hökmünde hem geçirmek, üçünji parametr hökmünde bolsa callback-funksiýasyny geçirmek bolýar - ol animasiýa ýerine ýetirilenden soň işleýär. Her iki parametr hem hökman däl:
.slideUp(dowamlylygy, [ýumşaklyk funksiýasy], [callback-funksiýasy]);
Metoda dürli opsiýalar hem geçirip bolýar, ýöne açar: baha jübütlerini öz içine alýan JavaScript obýekti görnüşinde:
.slideUp(options);
Şeýle bir obýekt aşakdaky parametrleri we
funksiýalary geçirip biler - duration, easing,
queue, specialEasing, step,
progress, complete, start,
done, fail, always. Bu
parametrleriň düşündirişini
animate metodu üçin görüp bilersiňiz. Mysal üçin,
dowamlylygy we ýumşaklyk funksiýasyny belleýäris:
.slideUp( {duration: 800, easing: easeInSine} );
Mysal
Birge düwmä basanymyzdan soň,
inputy we düwmäni öz içine alýan
ata div elementimizi slideUp metodu bilen
ýumşak gizleýäris (bu
div elementini biz
parent
metody bilen taparys).
slow açar sözüni geçirip, biz
tizligi 600ms bellemeli bolar. div elementi bilen
#test bölümimizde
biz 'Text is hidden' ýazgysyny çykararys:
<div>
<button>teksti gizle</button>
<input type="text" value="aaa">
</div>
<div id="test"></div>
$('button').click(function() {
$(this).parent().slideUp('slow', function() {
$('#test').text('Text is hidden');
});
});
Şeýle-de serediň
-
metod
slideDown,
elementleri ýumşak görkezýän -
metod
slideToggle,
ýumşak görkezmek/gizlemek amallaryny çalşyryp durýan -
metod
fadeOut,
elementleri şaffaf edip, ýumşak gizleýän -
metod
hide,
elementleri ýumşak gizleýän