Skip to content

Instantly share code, notes, and snippets.

@semiarthanoian

semiarthanoian/dropdown.html

Created April 27, 2022 04:13
Show Gist options
  • Save semiarthanoian/da14eae947e2a796da60ec15af470d3b to your computer and use it in GitHub Desktop.
Save semiarthanoian/da14eae947e2a796da60ec15af470d3b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
dropdown.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>A Normal Dropdown</title>
<link rel="stylesheet" href="dropdown.css">
</head>
<body>
<div class="dropdown">
<button class="dropdown-btn primary">
Toggle List
</button>
<div class="dropdown-list">
<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 -->
<!-- copy/paste 1000 dropdown nữa -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous">
</script>
<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