membuat slide toggle menggunakan jquery di blogger

Oleh newbie Monday 18 September 2017 Add Comment

Android Toch hai sabat blogger pada kesempatan kali ini kiki akan sharing mengenai cara membuat slide toggle (show/hide) sederhana menggunakan jquery tentunya di blogger.

ada salah satu teman saya yang menanyakan ki gimanah si cara membuat tombol di postingan klo di click slide ke bawah..?
nah disitu saya molai berfikir kira-kira sabat blogger udah pada ngerti gak yah tentang cara pembuatanya...

pasti dari kalian belom tau yang namanya slide toggle (show/hide), terutama buat para blogger pemula atau baru buat blog kemarin sore, tentunya bingung apa maksudnya..

oiya baca juga postingan saya yang ini :

apa sih slide toggle..?

slide toggle adalah sebuah tombol yang berfungsi untuk menampilkan ataupun menyembunyikan elemen. nah disini saya akan sharing nih gimanah si cara pembuatanya... mari kita simak bersama.

androidtoch.blogspot.com

pertama kamu buka drafblogger >> Template >> Edit Template cari code </head> biar gampang kamu tekan Ctrf Copy pastekan code di bawah ini tepat di atas code </head>

Source Code :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideToggle("slow");
    });
});
</script>

kemudian kamu cari code ]]</b:skin> copy paste code di bawah ini tepat di atas code

]]</b:skin>

Source Code :

#panel, #flip {
padding: 5px;
text-align: center;
background-color: #e5eecc;
border: solid 1px #c3c3c3;}#panel { padding: 50px;
display: none;}

nah sekarang Save tamplate kamu, eiist., tunggu dulu ada satu code lagi yang harus kamu Copy Paste, code yang satu ini kamu Copy paste di laman posting, tapi kamu pilih HTML bukan Compose.

Source Code :

<div id="flip">postingan ke satu</div>
<div id="panel">postingan ke dua</div>

contoh Demo :

postingan ke satu click untuk melihat

postingan ke dua

nah mudah bukan cara pembuatannya..?
oke sekian postingan saya kali ini semoga bermanfaat dan ber faidah.
jika postingan kali ini layak di share silahkan share, jika masih bingung bisa kamu tanyakan di kotak komentar di bawah..