Selain sebagai efek, fungsi .toggle()
juga termasuk dalam event jQuery. Sebelum ini (baca di sini), penerapan imbas .toggle()
sanggup dituliskan menyerupai ini:
$('button').click(function() { $('#elemen').toggle(500); });
Namun, dalam event kita juga sanggup menuliskan fungsi .toggle()
menyerupai ini:
$('#elemen').toggle(function() { $(this).css('background-color', 'red'); }, function() { $(this).css('background-color', 'blue'); });
Dan tidak hanya sebatas dua agresi saja, .toggle()
juga sanggup dipakai untuk menangani lebih dari itu. Pada intinya, setiap agresi yang kita tuliskan akan dijalankan sesudah agresi sebelumnya telah dijalankan:
$('#elemen').toggle(function() { $(this).css('background-color', 'red').animate({width:"120"}, 1000); }, function() { $(this).css('background-color', 'blue'); }, function() { $(this).css('background-color', 'yellow'); }, function() { $(this).css('background-color', 'green').animate({width:"800"}, 1000); }, function() { $(this).css('background-color', 'black'); });
Sumber https://www.dte.web.id/