JSFiddle - React, Tailwind, and code Playground

by smacky311

HTML

<div class="show-menu one">open menu</div> 
<div class="show-menu two">open menu</div>


<div id="slideover">slideover</div>
<input class="menu-button" value="Yea" type="button" />

JavaScript

$('.show-menu').on('click', function () {
    //alert('click');
    if ($(".menu-button").html() == 'close menu') {
        $(".menu-button").html('open menu');
        $("#slideover").animate({
            right: "0"
        }, 300);
        

    } else {
        $(".menu-button").html('close menu');
        $("#slideover").animate({
            right: "512px"
        }, 300);
        
    }
});