JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="meny">
    <li><p class="title">Title 1</p>
        <ul>
            <li>
                <p id="subtitle1"></p>
            </li>
        </ul>
    </li>
</ul>

JavaScript

$(function(){
    var menu = $("#meny"),
        p = menu.find("p"),
        ul = menu.find("ul").hide();
    
    p.filter(".title").on("click", function(e) {
        $(this).next().toggle();
    });
    p.filter("#subtitle1").html("Denna är min text");
});