Live Code Editor Version 2.0

Hướng dẫn tạo Toggle ẩn/hiện một phần tử - Giao diện RUN

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
          .container {
            width: 500px;
            margin: auto;
            text-align: center;
          }
          button {
            margin: auto;
            width: 100px;
            height: 30px;
            margin-bottom: 10px;
            display: block;
          }
          #myDIV {
            width: 100%;
            padding: 10px;
            text-align: center;
            height: 80px;
            background: #00FF66;
            margin-bottom: 30px;
            display: inline-block;
          }
        </style>
    </head>
    <body> 
      <div class="container">
        <h2>Freetuts.net hướng dẫn tạo Toggle ẩn/hiện nội dung</h2>
        <p>CLick button để ẩn/hiện nội dung</p>
        <button onclick="myFunction()">Toggle</button>

<div id="myDIV">
          JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình
          kịch bản dựa trên đối tượng được phát triển từ các ý niệm nguyên mẫu.
          Ngôn ngữ này được dùng rộng rãi cho các trang web, nhưng cũng được 
          dùng để tạo khả năng viết script sử dụng các đối tượng nằm sẵn trong các ứng dụng.
        </div>
      </div>
    </body>
</html>