JSFiddle - React, Tailwind, and code Playground

by Amir Sharifian

HTML

<div id="des"><a href="http://totaldesign.ir/">totaldesign.ir</a></div>
<button id="btn1">click</button>

CSS

#des {
 height:600px;
 width:120px;
 max-height:100px;
 background-color: #02ed03;
 color: #0001da;
 text-align:center;
}

JavaScript

function cheight(eid) {
  var elm = document.getElementById(eid);
  var maxheight = window.getComputedStyle(elm, null).maxHeight;
  alert('Max-Height: '+ maxheight );
  if(maxheight == "100px") elm.style.maxHeight = "500px"; else elm.style.maxHeight = "100px";
}

// اجرای تابع با زدن کلیک
if(document.getElementById('btn1')) document.getElementById('btn1').onclick = function() { cheight('des');};