JSFiddle - React, Tailwind, and code Playground

HTML

<script>
window.addEventListener('load', function() {
  document.getElementByClassName('li').addEventListener('click', function(e) {
    var style = document.getElementsByTagName('ol')[0].style;
    style.display = (style.display == 'none') ? 'block' : 'none';
  }, true);
}, true);
</script>

<input type="button" id="btn" value="expand" />
<ol>
    <li class='li'>Value 1</li>
    <li class='li'>Value 1</li>
    <li class='li'>Value 1</li>
</ol>