Membuat Animasi jQuery menggunakan Method toggle()

Hello guys! Kembali lagi bersama Miniblog dari Inzaghi's Blog! Jika sebelumnya sudah membuat jQuery DOM Manipulation, kali ini kita akan membuat Animasi jQuery menggunakan Method toggle().

Sumber : Tutorialsteacher.com dan Csveda.com

Metode jQuery toggle() menyembunyikan atau menampilkan elemen tertentu.

​Sintaks :

$('selector expression').toggle(speed, easing, callback)

Contoh :

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js">
    </script>
    <style>
        .redDiv {
            background-color: blue;
            height: 100px;
            width: 100px;
        }
    </style>
    <script>
        $(document).ready(function () {
            
            $('#myDiv').toggle(500, function () {
                $('#msgDiv').append('fadeOut completed.')
            });
        });
    </script>
</head>
<body>
    <h1>jQuery toggle() Method Demo</h1>
    <div id="msgDiv">
    </div>
    <div id="myDiv" class="redDiv">
    </div>
</body>
</html>

Output :

Mohon maaf apabila ada kesalahan sedikit pun pada Kode Program ini.

Terima Kasih 😀😊😘👌👍 :)