JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menuBtn">click</div>
<table class="whole" border="1px">
    <tr>
        <th class="menu">Delete</th>
        <th>Data1 c</th>
        <th>date2 c</th>
    </tr>
    <tr>
        <td class="menu">
            <input type="checkbox" value="Bike">
        </td>
        <td>data</td>
        <td>date1</td>
    </tr>
    <tr>
        <td class="menu">
            <input type="checkbox" value="car">
        </td>
        <td>data2</td>
        <td>date3</td>
    </tr>
</table>

CSS

.whole {
    position: relative;
    Width:100%;
}
.menu {
    left: 50;
    display: none;
}

JavaScript

var h = false;
$('.menuBtn').click(function (event) {
    if(h == false){        
    	$('.menu').each(function(){$(this).toggle( "slow", function() { left: "0" });});
    }else{
        $('.menu').each(function(){$(this).toggle( "slow", function() { left: "50" });});
    }    
});