JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<div id="slidable"class="hide"><b>무엇을 도와드릴까요?</b><br>도움이 필요하세요?</div>
<div id="side">Help</div>
</div>
CSS
#side{
float:right;
width:50px;
height:50px;
background: #428D9B;
}
.hide{
display:none;
}
#slidable{
float:left;
height:50px;
background:#F4F4F4
width:200px;
}
JavaScript
jQuery(document).ready(function($) {
$( "#side" ).click(function() {
$( "#slidable" ).animate({width: 'toggle'});
});
});