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:

html<button id="toggle">click me</button>
<div id="elem">text...</div>

Laat die CSS so lyk:

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

Skryf die volgende Javascript-kode:

javascript$('#toggle').click(function() {
  $('#elem').fadeToggle(1000);
});