JSFiddle - React, Tailwind, and code Playground

HTML

<button id="showmenu" type="button">Show menu</button>
		<div class="sidebarmenu" style="position: absolute; left: -200000px">
            This should go left 
           
</div>

JavaScript

$(document).ready(function() {
    $('#showmenu').click(function() {
        var hidden = $('.sidebarmenu').data('hidden');
        $('#showmenu').text(hidden ? 'Show Menu' : 'Hide Menu');
        if(hidden){
            $('.sidebarmenu').css({
                position: 'absolute',
                left: -200000
            })
        } else {
            $('.sidebarmenu').css({
                position: '',
                left: 0
            })
        }
        $('.sidebarmenu,.image').data("hidden", !hidden);
        
    });
});