JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 960px; margin: 0 auto">
         <div id="container" class="clearfix">
        <ul>
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
            <li>Link 4</li>
        </ul>
        
        <ul>
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
            <li>Link 4</li>
        </ul>
        
        <ul>
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
            <li>Link 4</li>
        </ul>
        
        <ul class="last">
            <li>Link 1</li>
            <li>Link 2</li>
            <li>Link 3</li>
            <li>Link 4</li>
        </ul>
        </div><a href="#" class="reveal">Reveal</a>
        
        
       
  </div>

JavaScript

$(document).ready(function(){
            $('#container').hide();
            
            $('a.reveal').click(function(){
                $(this).toggleClass("active").next().slideToggle("slow");
                return false; //pevent the browser jumping with #
            });
        });