JSFiddle - React, Tailwind, and code Playground

by rabelais

HTML

<div id="contact">
<a href="#">Contact</a>

</div>
<div class="hidden" id="contact-info">
<a href="#">CONTACT&nbsp;&nbsp;<img id="at" src="http://angelaandtom.co.uk/philipphumm.com/lib/@.png">FOO.COM</a>

</div>

CSS

#contact {
	background-color: #ffffff;
    bottom: 34px;
    padding-right: 38px;
    position: fixed;
    right: 0;
    z-index: 1;
}
#contact-info {
	bottom: 34px;
    margin-right: -250px;
    position: fixed;
    right: 444px;
    text-transform: lowercase;
    white-space: nowrap;
}
.hidden {
    display: none;
}

JavaScript

$('#contact').click(function () {
    
    $('#contact-info').animate({right: 'toggle'});
});