[jQuery] toggle()

HTML&CSS&JavaScript/jQuery

[jQuery] toggle()

커밍이즈스프링 2021. 11. 29. 10:22

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script
      type="text/javascript"
      src="http://code.jquery.com/jquery-latest.min.js"
    ></script>

    <title>Document</title>
  </head>
  <body>
    <button>Show it</button>

    <img
      src="./image/copyright.png"
      alt="copyright img"
      id="dog"
      width="300"
      height="100"
      style="display: none"
    />
    <script>
      $(document).ready(function () {
        $("button").click(function () {
          $("#dog").toggle("여기 string 데이터를 넣어주면 부드럽게 표현된다");
        });
      });
    </script>
  </body>
</html>