Skip to content

Instantly share code, notes, and snippets.

@semiarthanoian

semiarthanoian/dropdown.html

Created April 26, 2022 06:27
Show Gist options
  • Save semiarthanoian/a45492844d329d8b8f2bc48151e3d956 to your computer and use it in GitHub Desktop.
Save semiarthanoian/a45492844d329d8b8f2bc48151e3d956 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dropdown.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Một cái dropdown kỳ lạ :D</title>
<link rel="stylesheet" href="dropdown.css">
</head>
<body>
<div class="dropdown">
<button id="btn-show" class="dropdown-btn primary">
Show List &#9662;
</button>
<button id="btn-hide" class="dropdown-btn secondary">
Hide List &#9652;
</button>
<div id="the-list" class="dropdown-list shown">
<a class="dropdown-item" href="#">The rose is red</a>
<a class="dropdown-item" href="#">The sky is sunny</a>
<a class="dropdown-item" href="#">The river is blue</a>
<a class="dropdown-item" href="#">The grass is green</a>
</div>
</div><!-- .dropdown -->
<script src="dropdown.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment