JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p class="product">Klick mich</p>
    <ul>
        <li>Produkt 1</li>
        <li>Produkt 2</li>
    </ul>
</div>
<div>
    <p class="product">Klick mich</p>
    <ul>
        <li>Produkt 1</li>
        <li>Produkt 2</li>
    </ul>
</div>

CSS

.product + ul {
    display: none;
}

JavaScript

$('.product').on('click', function () {
    $(this).next('ul').toggle();
});