JSFiddle - React, Tailwind, and code Playground

HTML

<div class="emp"><ul id="nav"><li class="menu">EMP<img src="http://www.iconarchive.com/download/i32215/tpdkdesign.net/refresh-cl/Symbols-Find.ico"><ul class="dropdown"><li><a href="http://www.google.co.in">contactno.</a></ul></li></ul></li></div><br><br>
<div class="emp"><ul id="nav"><li class="menu">EMP<img src="http://www.iconarchive.com/download/i32215/tpdkdesign.net/refresh-cl/Symbols-Find.ico"><ul class="dropdown"><li><a href="http://www.google.co.in">contactno.</a></ul></li></ul></li></div>

CSS

.emp{
    width:70px;    
    background:#00FFFF; 
    background: -moz-linear-gradient(top, #e6eefc 0%, #bfd7f1     #00FFFF 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6eefc), color-stop(100%,#bfd7f1)); 
    background: -webkit-linear-gradient(top, #e6eefc 0%,#bfd7f1 100%); */
    background: -o-linear-gradient(top, #e6eefc 0%,#bfd7f1 100%); 
    background: -ms-linear-gradient(top, #e6eefc 0%,#bfd7f1 100%); 
    background: linear-gradient(to bottom, #e6eefc 0%,#bfd7f1 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eefc', endColorstr='#bfd7f1',GradientType=0 ); /* IE6-9 */
}

.emp ul{
    list-style:none;
    margin:0;
    padding:0;
}
.emp ul li{
    border:     #00FFFF solid 1px;
    text-decoration: none;
    color:#000000;
    width:60px;
    padding:3px 5px;
}
.emp ul li ul li{
    width:auto;
    border:#8ba0bd solid 1px;
    padding:3px 5px;
    background:     #00FFFF;
    
    
}
.emp ul li ul{
    position:absolute;
    display:none;margin:3px 0 0 -6px;
}

JavaScript

var nav = $('#nav');
nav.find('ul#nav').toggle();
var emp = $(this);
$("html").click(function() {});
$(document).bind('click', function(e) {
    var target = $(e.target); //2
    var dropdown = target.parents('#nav').find('li.menu ul.dropdown');
    dropdown.toggle();
});