JSFiddle - React, Tailwind, and code Playground

by Diana Lemen

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class='one'>
<ul class='two'>
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>fife</li>
<li>six</li>
</ul>
</div>
<button id="click">
click
</button>

CSS

.two{
display: block;
max-height: 50px;
overflow:auto;
}

JavaScript

$("#click").click(function(){
if ($(".two").css('height') == '50px'){
  $(".two").css('height' , '15px')
} else {
  $(".two").css('height' , '50px')
}
})