JSFiddle - React, Tailwind, and code Playground

HTML

<div class="point">
<a id='login-link' href='#login' title='Login'>Connetionn</a>
</div>

<div id='login-panel'> </div>

CSS

#login-link{ position: absolute; top: 2px; right: 2px; display: block; background: #2a2a2a; padding: 5px 15px 5px 15px; color: #FFF; text-decoration:none; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#login-panel{ position: absolute; top: 30px; right: 2px; width: 190px; padding: 5px 14px 5px 14px; background: #2a2a2a; font-size: 7pt; font-weight: bold; color: #FFF; display: none; text-align: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 1000; overflow: hidden;}

JavaScript

$('.point a').click(function() {
        $("#login-panel").slideToggle(200);
    })