Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Latihan Jquery Dasar</title>
- </head>
- <body>
- <button>Klik Aku</button>
- <p id="tombol">Klik aku</p>
- <p id="teksku">Ayo klik kalimat diatas, maka aku akan menghilang</p>
- <h1>Klik aku dong</h1>
- <script>
- $().ready(function(){
- alert("hai");
- //pemilihan objek html "BERDASARKAN ID" diberi tanda #
- $("#tombol").click(function(){
- //$(this).hide(); //dirinya sendiri
- $("#teksku").toggle(); //objek lain sendiri
- });
- //pemilihan berdasarkan element HTML
- $("h1").click(function(){
- $("#teksku").slideToggle();
- });
- $("button").click(function(){
- //pemilihan objek sekaligus + callback ( respon setelah aksi dilaksanakan)
- $("#teksku, #tombol, h1").slideToggle("fast", function(){
- console.log("berhasil");
- });
- });
- });
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment