JSFiddle - React, Tailwind, and code Playground

by Mohamed Rias

HTML

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
<ul class"main">
<li class="module1">
<div class="dropdown"> 
  <a class="account" id="account_id1" onclick="Open_Quick_Full_Popup();">
  <img  src="http://www.joomlaworks.net/images/demos/galleries/abstract/7.jpg" alt="Rias" style="margin-top: -3px;margin-left: 143px;width: 40px;"></a>
  <div class="submenu_quick_full">
    <ul class="root">
      <li><a href="#Dashboard" onclick="Quickpopup();">Quick</a></li>
      <li><a href="#Profile">Full</a></li>
    </ul>
  </div>
</div>
</li>


<li class="module1">
<div class="dropdown"> 
  <a class="account" id="account_id1" onclick="Open_Quick_Full_Popup();">
  <img  src="http://www.joomlaworks.net/images/demos/galleries/abstract/7.jpg" style="margin-top: -3px;margin-left: 143px;width: 40px;"></a>
  <div class="submenu_quick_full">
    <ul class="root">
      <li><a href="#Dashboard" onclick="Quickpopup();">Quick</a></li>
      <li><a href="#Profile">Full</a></li>
    </ul>
  </div>
</div>
</li>
</ul>
</body>
</html>

CSS

.submenu_quick_full {
  display: none;
}

JavaScript

$(function() {
  $("a.account").on("click", function(event) {
    $(this).next(".submenu_quick_full").toggle();
});
});