fadeOut en fadeIn metodes in jQuery
Die metodes fadeOut en
fadeIn
implementeer 'n sagte verdwyning en verskyning
van 'n element.
Laat ons die volgende HTML-kode neem:
<button id="hide">versteek</button>
<button id="show">wys</button>
<div id="elem">teks...</div>
Vir hierdie kode is die volgende CSS toegepas:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Laat ons nou die metodes fadeOut en
fadeIn implementeer:
$('#hide').click(function() {
$('#elem').fadeOut(1000);
});
$('#show').click(function() {
$('#elem').fadeIn(1000);
});
