JSFiddle - React, Tailwind, and code Playground

by Rakesh Vadnal

HTML

<a id="showmenu" href="#">
    <img  style="display:block;margin:10px auto 0 auto;" src="http://www.decentinfracon.com/img/approvals.png" />
  </a>
    <div class="menu">
<ul>
<li><a href="#">Coloniser License</a></li>
  </ul>
</div>

CSS

#showmenu{display:block;}
.menu{display:none; width:400px; background:#F00; height:150px; clear:both; float: left;}

JavaScript

$('.menu').hide();
$('#showmenu').click(function(e){ 
    e.stopPropagation();
    $('.menu').slideToggle();
});
$('.menu').click(function(e){
    e.stopPropagation();
});

$(document).click(function(){
     $('.menu').slideUp();
});