JSFiddle - React, Tailwind, and code Playground

by pmatseykanets

HTML

<ul id="menu" >
    <li>
        <a href="#">Service</a>
        <ul>
            <li>
                <a href="customHourReport.php">Report Hours</a>
            </li>
            <li>
                <a href="eventHistory.php">Event History</a>
            </li>
            <li>
                <a href="memberstats.php">Member Stats</a>
            </li>
        </ul>
        
    </li>
    <li>
        <a href="#">Fundraising</a>
        <ul>
            <li>
                <a href="./dlfiles/Application.docx">Support Letter</a>
            </li>
            <li>
                <a href="./dlfiles/SampleLetter.docx">Sample Letter</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="#">Bylaws</a>
        <ul>
            <li>
                <a href="./dlfiles/Constitution2012-2013.docx">Download Bylaws</a>
            </li>
        </ul>
    </li>   
    <li>
        <a href="#">Budgets</a>
        <ul>
        </ul>
    </li>       
    <li>
        <a href="#">Settings</a>
        <ul>
            <li>
                <a href="changepassword.php">Change your Password</a>
            </li>
            <li>
                <a href="profpic.php">Upload/Change Profile Picture</a>
            </li>
        </ul>
    </li>   
</ul>

CSS

.ui-menu {width: 200px;}

JavaScript

$(function() {
    $( "#menu" ).menu();
});