JSFiddle - React, Tailwind, and code Playground

by cjblomqvist

HTML

<!--
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
-->

<div id="dropdown">
<a href="#">Dropdown</a>
<ul>
<li>Menyval 1</li>
<li>Menyval 2</li>
<li>Menyval 3</li>
</ul>
</div>

CSS

#dropdown a {
  margin: 1em;
  padding: 1em;
  border: 1px solid red;
  background-color: #FFAAFF;
}
#dropdown ul {
  margin: 1em;
  padding: 1em;
  border: 1px solid red;
  background-color: #FFAAFF;
}

JavaScript

$(document).ready(function () {
  $('#dropdown ul')
    .hide();

  $('#dropdown a')
    .click(function () {
      $('#dropdown ul')
        .toggle();

      return false;
    });
});