JSFiddle - React, Tailwind, and code Playground

by jackrugile

HTML

<div class="entry">
    <a href="#" class="pui-actions-info">Link 1</a>
    <div class="pui-actions-inlineinfo">This is inline info number 1.</div>
    <a href="#" class="pui-actions-info">Link 2</a>
    <div class="pui-actions-inlineinfo">This is inline info number 2.</div>
    <a href="#" class="pui-actions-info">Link 3</a>
    <div class="pui-actions-inlineinfo">This is inline info number 3.</div>
    <a href="#" class="pui-actions-info">Link 4</a>
    <div class="pui-actions-inlineinfo">This is inline info number 4.</div>
</div>

CSS

.pui-actions-inlineinfo{
    display: none;   
}

JavaScript

$('.pui-actions-info').click( function() {
    var elem = $(this); 
    var info = elem.next('.pui-actions-inlineinfo').text();
    alert(info);
});