Script Menyembunyikan Semua Objek DIV & (Menampilkan Tag P)

Kali ini telah saya temukan script keren yang sangat simple buat menyembunyikan semua objek termasuk teks dan gambar yang dibungkus pada kode DIV menggunakan satu tombol pemicu.

Saya sangat suka script ini karena sangat simpel untuk digunakan dan sudah saya rancang sedemikian rupa sehingga sangat cocok buat kalian yang punya situs download seperti lagu, video, ebook dan lainya.

Saya rasa belum ada sebelumnya blogger yang mempublikasikan ini, karena memang ini adalah kreasi saya.

Jika Anda berminat, silahkan Anda copy kode-kodenya dibawah ini dan salin pada Notepad++ Simpan dengan format .html untuk uji coba.
<html>
    <head>
<style>
.ksDownload{cursor:default;text-align:center;color:rgb(50, 163, 159);font-weight:bold;padding:20px;}
#ksLoading{font-size:20px;}
#ksImages{border:dotted 3px #A1A5C7;background-color:rgb(231, 240, 240);}
.ksButton{color:#120CEF;font-size:19px;cursor:pointer;}
.muter{width:150px;}
a{cursor:default;text-decoration:none;color:rgb(50, 163, 159)}
</style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script>
            $(document).ready(function() {
                $("p").hide();
                $("div.artikel").show();
                $(".ksButton").click(function() {
                    $("div").hide();
                    $(".ksDownload").show();
                });
            });
        </script>
</head>
<body>
        <div class="artikel">Download aplikasi apa saja gratis disini<br />Ukuran file:2mb<br />format:mp3<br />total download:200x</div>
       <div class="ksButton">Download</div>
       <p id="ksLoading" class="ksDownload"><img class="muter" src="http://4.bp.blogspot.com/-3fH7QvZFtto/VP4QNalSnvI/AAAAAAAABf8/5iy8S0pWuWw/s1600/animasi-loading-kangsigit.gif"/></p>
        <p id="ksImages" class="ksDownload">Silahkan <a href="http://www.kangsigit.com/2015/03/script-menyembunyikan-semua-objek-div.html" target="blank">klik disini</a> jika peramban Anda tidak mendownload secara otomatis!!!!<br />
<a href="http://kangsigit.com"><img src="http://3.bp.blogspot.com/-yHjgPSFgnDg/TvbR5Vi-yOI/AAAAAAAABOY/6be0hLfKpOE/s1600/Comment-add-icon+%25281%2529.png"/></a>
</p>
    </body>
</html>
Warning!!
Jangan kaget ketika semua tulisan maupun gambar beserta iklan yang Anda tempatkan pada bagian DIV akan hilang saat tombol pemicu di klik.
Periksa template Anda apakah sudah ada jqueri versi itu, jika sudah untuk yang http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js dihapus saja.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini