JSFiddle - React, Tailwind, and code Playground

by robdodson

HTML

<html>
<body>

<a href="#" onclick="toggleDisplayInactive('inactive')">Show/Hide all inactive items</a><br>
        <li class="inactive">derp</li>
  <li class="inactive">derp</li>
    <script type="text/javascript">
        function toggleDisplayInactive(className) {
        console.log('hello world!');
        console.log(className);
            els = document.getElementsByClassName(className);                
            for(var i = 0; i < els.length; i++) {
                els[i].style.display='none';                        
            }
        }
</script>
</body>
</html>