JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" id="clickDown">Slide Down</a> <a href="#" id="clickUp">Slide Up</a>

<div id="testContent"> 
    <ul class="menu">
        <li class="leaf first"><a href="/dictionary-theology-intro" title="Dictionary of Theology Intro">Intro</a></li> 
        <li class="leaf"><a href="/a" title="A">A</a></li> 
        <li class="leaf"><a href="/b" title="B">B</a></li> 
        <li class="leaf"><a href="/c" title="C">C</a></li> 
        <li class="leaf"><a href="/d" title="D">D</a></li> 
        <li class="leaf"><a href="/e" title="E">E</a></li> 
        <li class="leaf"><a href="/f" title="F">F</a></li> 
        <li class="leaf"><a href="/g" title="G">G</a></li> 
        <li class="leaf"><a href="/h" title="H">H</a></li> 
        <li class="leaf"><a href="/I" title="I">I</a></li> 
        <li class="leaf"><a href="/j" title="J">J</a></li> 
        <li class="leaf"><a href="/k" title="K">K</a></li> 
        <li class="leaf"><a href="/l" title="L">L</a></li> 
        <li class="leaf"><a href="/m" title="M">M</a></li> 
        <li class="leaf"><a href="/n" title="N">N</a></li> 
        <li class="leaf"><a href="/o" title="O">O</a></li> 
        <li class="leaf"><a href="/p" title="P">P</a></li> 
        <li class="leaf"><a href="/q" title="Q, Quelle">Q</a></li> 
        <li class="leaf"><a href="/r" title="R">R</a></li> 
        <li class="leaf"><a href="/s" title="S">S</a></li> 
        <li class="leaf"><a href="/t" title="T">T</a></li> 
        <li class="leaf"><a href="/u" title="U">U</a></li> 
        <li class="leaf"><a href="/v" title="V">V</a></li> 
        <li class="leaf"><a href="/w" title="W">W</a></li> 
        <li class="leaf"><a href="/x" title="X-Nihilo">X</a></li> 
        <li class="leaf"><a href="/y" title="Y">Y</a></li> 
        <li class="leaf last"><a href="/z" title="Z">Z</a></li> 
    </ul>
</div>

CSS

#testContent {
    display:none;
    border: 1px solid black;
    width: 200px;
}

#testContent ul {
    -webkit-column-count: 3;
}

.menu li {
    display: inline;
}

JavaScript

$('#clickDown').click(function() {
    $('#testContent').slideDown();
});
$('#clickUp').click(function() {
    $('#testContent').slideUp();
});