Sabtu, 08 Juli 2017

Jquery animate hide

<!DOCTYPE html>
<html>

<head>

  <style>
  div {
    height: 100px;
    width: 100px;
    display: inline-block;
  }
 
  #red {
    background-color: #FF0000;
  }
 
  #blue {
    background-color: #0000FF;
  }
 
  #yellow {
    background-color: #E2BE22;
  }
 
  #green {
    background-color: #008800;
  }
  </style>
  <script src="js/jquery-2.2.0.min.js"></script>
  <script type="text/javascript">
  $(document).ready(function()
  {
    $('div').click(function()
    {
      $(this).toggle(1000);
    });
  });
  </script>
</head>

<body>
  <div id="red"></div>
  <div id="blue"></div>
  <div id="yellow"></div>
  <div id="green"></div>
</body>

</html>

Tidak ada komentar:

Posting Komentar

Kritik dan saran yang membangun 😂