JSFiddle - React, Tailwind, and code Playground

HTML

<a href="javascript:void(0);" id="viewdetail" style="color:green">view detail</a>
<div class="12u">
<div class="speakers dis-non">
    test data to be shown
</div>
</div>

CSS

.dis-non
{
    display: none;
}

JavaScript

$('#viewdetail').on('click', function(){
    $(this).next().children('div.speakers').show();
    $(this).hide();
});