jquery-01

<!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>