JSFiddle - React, Tailwind, and code Playground

by Salustiano Silva

HTML

<input type="button" id="left-button" value="click me">
<div id="productcontainer">
    <ul>
        <li>Product 01</li>
        <li>Product 02</li>
        <li>Product 03</li>
    </ul>
</div>

CSS

#productcontainer {
    background:green;
    width:100px;
    line-height:20px;
    margin-left:0;
}

JavaScript

$(function() {
    
    $('#left-button').click(function() {
        $('#productcontainer').animate({
            marginLeft : "+=200px"
        }, "fast");
    });
});