JSFiddle - React, Tailwind, and code Playground

HTML

<a id="element1" onclick="toggle();" href="#">Button</a>
<div id="qwe" style="width:500px">
   metin<br/>
   metin<br/>
   metin<br/>
   metin<br/>
</div>

CSS

#qwe {
    border: 1px solid #000;
    height: 55px;
    background: yellow;
    overflow:hidden;
}

JavaScript

function toggle()
    {
         var elem=document.getElementById("qwe");
         var kv = elem.style.width =="500px";
         if (kv) {
             elem.style.width="800px";
        } 
        else {
           elem.style.width="500px";
        }
    }