2018-12-14jQuery 效果 - toggle() 方法

weixin_33727510發表於2018-12-14
jQuery

今天做log.png圖示點選進行顯示和隱藏功能。發現jQuery之強大。

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").toggle();
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button class="btn1">Toggle</button>
</body>
</html>
2204036-14c13176ba2cc38f.gif
Animation.gif

引用來自http://www.w3school.com.cn/jquery/effect_toggle.asp

相關文章