JSFiddle - React, Tailwind, and code Playground

HTML

<div class="emp">
    <ul class='nav'>
        <li>
                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">Contact no.</a>
                </li>
            </ul>
         </li>
     </ul>
</div><br><br>

<div class="emp">
    <ul class='nav'>
        <li>
            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">Contact no.</a>
                </li>
            </ul>
         </li>
     </ul>
</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

$(".nav > li").click(function(){
    console.log($(this).children("ul.dropdown"));
    $(this).children("ul.dropdown").toggle();
});