JSFiddle - React, Tailwind, and code Playground

HTML

<div class='emp_alt'>
    <div class='container'>
        <div class='title'>EMP</div>
        <img src="http://www.iconarchive.com/download/i32215/tpdkdesign.net/refresh-cl/Symbols-Find.ico">
    </div>
    <div class='dropdown'>Contact no.</div>
</div>

<br />
<br />

<div class='emp_alt'>
    <div class='container'>
        <div class='title'>EMP</div>
        <img src="http://www.iconarchive.com/download/i32215/tpdkdesign.net/refresh-cl/Symbols-Find.ico">
    </div>
    <div class='dropdown'>Contact no.</div>
</div>

CSS

.emp_alt{
    display: inline-block;
}

.emp_alt .container{
    width:60px;
    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 */
    border: #00FFFF solid 1px;
    padding:3px 5px;
}

.emp_alt .title, .emp_alt img{
    display:inline;
    vertical-align: middle;
}

.emp_alt .dropdown{
    border:#8ba0bd solid 1px;
    padding:3px 5px;
    background: #00FFFF;
    display: none;
}

JavaScript

$(".emp_alt .container").click(function(){
    $(this).siblings(".dropdown").toggle();
});