JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="cpvote">
    <li class="test1">Message 1</li>
    <li class="new_test1" style="display:none">Message 4</li>
</ul>
<ul class="cpvote">
    <li class="test1">Message 1</li>
    <li class="new_test1" style="display:none">Message 4</li>
</ul>
<ul class="cpvote">
    <li class="test1">Message 1</li>
    <li class="new_test1" style="display:none">Message 4</li>
</ul>

CSS

.new_test1{
    display:none;
}

JavaScript

$(document).ready(function () {
        $(document).on('click', '.cpvote .test1', function () {
            $(this).closest('.cpvote').find('.new_test1').toggle();
        });
    });