JSFiddle - React, Tailwind, and code Playground

HTML

<div id="login_buttons">
<span id="loginlink" class="readmore_jq">MANAGE</span><div class="hide1"><module name="MESSAGE2"/></div>
</div>


<script type="text/javascript">
    $(document).ready(function(){
        $('.hide1').hide();
        $('.readmore_jq').on('click', function(){
            $(this).toggleClass('active').next().toggle('slow');
        });
    });
</script>

CSS

.hide1 {position:relative; height: 100px; width: 200px; background: grey;}

.readmore_jq {cursor: pointer;}
.readmore_jq.active {color: blue; }