JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="container"> <a class="button" href="#" title="Abrir as opções.">Botão</a>

        <div class="option-box">
            <ul>
                <li><a href="#">Ação 1</a>

                </li>
                <li><a href="#">Ação 2</a>

                </li>
                <li><a href="#">Ação 3</a>

                </li>
                <li><a href="#">Ação 4</a>

                </li>
            </ul>
        </div>
    </div>
    <div class="container"> <a class="button" href="#" title="Abrir as opções.">Botão</a>

        <div class="option-box">
            <ul>
                <li><a href="#">Ação 1</a>

                </li>
                <li><a href="#">Ação 2</a>

                </li>
                <li><a href="#">Ação 3</a>

                </li>
                <li><a href="#">Ação 4</a>

                </li>
            </ul>
        </div>
    </div>
</div>

CSS

.show {
    border: 3px solid #ccf;
}

JavaScript

$(function optionbox() {
    var box = $('.container .option-box');
    var button = $('.container a.button');
    button.on('click', function optionbox() {
        $(this).next().toggleClass('show');
    });
});