JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.elancejeweler.com/posts/demo7/jquery.collapser.js"></script>
<ul class="menu">
    <a href="#" class="title">Home</a>
    <li>Site</li>
    <li>Something 1</li>
    <li>Something 2</li>
</ul>


<ul class="menu">
    <a href="#" class="title">Blog</a>
    <li>Categories</li>
    <li>Tags</li>
</ul>


<ul class="menu">
    <a href="#" class="title">About</a>
    <li>Me</li>
    <li>Website</li>
    <li>Contact</li>
</ul>

CSS

.menu li{
    display:none;
}

JavaScript

$('.title').collapser({
    target: 'ul',
    effect: 'slide',
    changeText: false,
    expandClass: 'expArrow',
    collapseClass: 'collArrow'
});