JSFiddle - React, Tailwind, and code Playground

HTML

<section id="conteudo"><a href="#" class="move">MENU</a>
    <div id="conteudo-movel">
         
        <div class="cont"></div>
        <div class="menu"></div>
        
    </div>

</section>

CSS

#conteudo
{position:absolute;relative;width:500px;height:200px;background:#f6f6f6;overflow:hidden;}
#conteudo-movel
{position:absolute;width:700px;height:100px;background:#000;left:0;}
.cont{width:500px;background:#c1c1c1;height:50px;position:relative;float:left;}
.menu{width:200px;background:#c1c1c1;height:50px;position:relative;float:left;}
.move-left{left:-200px!important;}

JavaScript

$( "a.move" ).click(function() {
   $( "#conteudo-movel" ).addClass( "move-left" );
      $( "this" ).removeClass( "move-left" );
});