JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="menu">
    <li id="artworks"><a href="artworks.html">ARTWORK</a></li>
        <ul class="submenu">
            <li><a href="#">Sweet Life</a></li>
            <li><a href="#">Pleasure</a></li>
        </ul>
</ul>

CSS

.submenu { display: none; }

JavaScript

$(function () {
    
    var $submenu = $( '.submenu' );

    $( '#artworks a' ).click( function( e ) {
        $submenu.toggle( 'fast' );
        e.preventDefault();
        e.stoppropagation();
    } );

});