JSFiddle - React, Tailwind, and code Playground

by NunoMira

HTML

<a class="contactButtonStyle">
    <button>slide it</button>
    <label>123456789</label>
</a>

CSS

a
{
    position: fixed;
    margin-top: 40px;
    cursoR: pointer;
    text-align: left;
    width: 150px;
    right: -90px;
    background-color: red;
}

JavaScript

//slide button right to left
$(document).ready(function()
{  
       $('.contactButtonStyle').click(function()
       {
          var marginRight = $('.contactButtonStyle').css("right");
          if (marginRight == "-90px")
              $(this).animate({right: "0"}, 'normal');
          else
              $(this).animate({right: "-90px"}, 'normal');
       });
 });