JSFiddle - React, Tailwind, and code Playground

HTML

<div class="slider">
<div class="button-wrap">
<div class="content-wrap" id="button-1">
one contents

</div>
<div class="controller">
<div><a mce_href="#buttton-1" href="#buttton-1">button one </a></div>
</div>
</div>
</div>

CSS

.slider{
    position: relative;
}

JavaScript

$('#button-1').closest('.slider').css({'left':'-1200px'});