Jquery Event .Toggle() - Dewa Blogger

Halaman

    Social Items

Buy Now
 juga sanggup dipakai untuk menangani lebih dari itu jQuery Event .toggle()

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); });

Lihat Demo

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'); });

Lihat Demo

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'); });

Lihat Demo


Sumber https://www.dte.web.id/

Jquery Event .Toggle()

 juga sanggup dipakai untuk menangani lebih dari itu jQuery Event .toggle()

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); });

Lihat Demo

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'); });

Lihat Demo

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'); });

Lihat Demo


Sumber https://www.dte.web.id/