JSFiddle - React, Tailwind, and code Playground

HTML

<div id="summary" >
    HTML content
</div>
<div id="details">
    Detail content
</div>
    
    <div id="button">click me</div>

CSS

body {
    overflow:hidden;
}

div#button {
    cursor:pointer;
}

div#details {
    position:absolute;
    left:2000px;
    top:100px;
    width:200px;
    background-color:#CCC;
}

div#summary {
    position:absolute;
    left:-500px;
    top:50px;
    width:200px;
    background-color:#CCC;
}

JavaScript

$('#button').click( function() {
    $('#details, #summary').animate({left:'200px'});
});