Show metodu

show metodu gizlenen elementleri ýumşak görkezýär. Elementleri gizlemek üçin hide metodyndan peýdalanyp bolýar.

Sintaksis

Bellenen wagtyň dowamynda millisekundynda görkezmek, 400ms deslapky baha hökmünde:

javascript.show(dowamlylyk);

Wagt diňe millisekundynda däl, eýsem slow (600ms) we fast (200ms) ýaly açar sözler bilen hem bellenip bilner. Bahanyň ululygy näçe uly bolsa, animasiýa şonça haýal:

javascript.show('slow' ýa-da 'fast');

Eger parametrler görkezilmese - animasiýa bolmaz, elementler derrew görkeziler:

javascript.show();

Ýene-de ikinji parametr hökmünde ýumşaklyk funksiýasyny, üçünji parametr hökmünde bolsa animasiýa tamamlananyňdan soň işleýän callback-funksiýasyny geçirip bolýar. Iki parametri hem hökmany däl:

javascript.show(dowamlylyk, [ýumşaklyk funksiýasy], [callback-funksiýa]);

Metoda dürli opsionalary, JavaScript obykti görnüşinde, açar: baha jübütlerini öz içine alýan, geçirip bolýar:

javascript.show(options);

Beýle bir obyktiň içinde aşakdaky parametrler we funksiýalar geçirilip bilner - 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:

javascript.show( {duration: 800, easing: easeInSine} );

Mysal

Bir basylyşyňyzdan soň, gizlenen abzasy show metodi bilen ýumşak görkezeliň. slow açar sözüni geçirmek bilen, tizligi 600ms belläris. Animasiýa gutaranyňdan soň konsola 'Animasiýa tamamlandy' çap ederis:

html<button>teksti görkez</button>
<p style="display: none">tekst</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

Şeýle-de görüň