100 elemen HTML dengan metode hide() dan show(): $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); Kode diatas akan menyembunyikan elemen <p> ketika button dengan id=”hide” ditekan, dan menampilkan elemen <p> ketika button dengan id=”show” ditekan. Anda dapat menggabungkan kedua efek tersebut dengan toggle: $( " #hi deAndShow" ) . c l i ck( f unct i on( ) { $( " p" ) . t oggl e( ) ; } ) ; Kodediatas akan secaraotomatismenyembunyikandanmenampilkan elemen <p> ketika button dengan id=”hideAndShow” ditekan. Anda juga dapat menambahkan parameter duration untuk membuat animasi hide and show lebih halus: $( " #hi deAndShow" ) . c l i ck( f unct i on( ) { / / Par amet er dur asi dal am wak t u mi l l i second / / at au sal ah sat u dar i ni l ai ber i kut : / / sl ow, f ast $( " p" ) . t oggl e( 1000) ; } ) ; Fade Dengan jQuery Anda dapat menambahkan animasi Fade pada elemen masuk dan keluar dari visibilitas. Gunakan fadeIn() untuk menambahkan animasi pada elemen yang ingin muncul : $("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); }); Animasi fade juga dapat ditambahkan parameter duration untuk
RkJQdWJsaXNoZXIy MTM3NDc5MQ==