JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu-wat-we-doen">
    <li><a href="#">Menu item 1</a>
        <ul>
            <li><a href="#">Subitem 1</a></li>
            <li><a href="#">Subitem 2</a></li>
            <li><a href="#">Subitem 3</a></li>
        </ul>
    </li>
    <li class="current-menu-item"><a href="#">Menu item 2</a>
        <ul>
            <li><a href="#">Subitem 1</a></li>
            <li><a href="#">Subitem 2</a></li>
            <li><a href="#">Subitem 3</a></li>
        </ul>
    </li>
    <li><a href="#">Menu item 3</a></li>
</ul>

CSS

.menu-wat-we-doen li ul {
    display: none;
}

.menu-wat-we-doen li.current-menu-item ul,
.menu-wat-we-doen li.current-menu-ancestor ul {
    display: block;
}

JavaScript

jQuery('.menu-wat-we-doen > li > a').click(function(){
  $(this).parent('li').children('ul').slideToggle();
});