Die fadeToggle Metode in jQuery
Die metode
fadeToggle
werk soortgelyk aan die metode
slideToggle,
dit implementeer ook die afwisseling
van effekte: dit wys die element en verberg dit dan weer.
Byvoorbeeld, ons kan, deur op dieselfde knoppie te klik, die element wys en dan weer verberg. Kom ons implementeer hierdie metode met die volgende HTML-kode:
<button id="toggle">click me</button>
<div id="elem">text...</div>
Laat die CSS so lyk:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Skryf die volgende Javascript-kode:
$('#toggle').click(function() {
$('#elem').fadeToggle(1000);
});
