JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>No Submenu</li>
    <li class="sub">
        Long Submenu
        <ul class="level_2">
            <li>Something</li>
            <li>Something</li>
            <li>Something</li>
            <li>Something</li>
            <li>Something</li>
        </ul>
    </li>
    <li class="sub">
        Short Submenu
        <ul class="level_2">
            <li>Something</li>
            <li>Something</li>
        </ul>
    </li>
</ul>

CSS

ul {
    color: blue;
}

.short {
    color: red;
}

.large {
    color: green;
}

JavaScript

$(document).ready(function() {
   
});