JSFiddle - React, Tailwind, and code Playground

by anilkamath87

HTML

<table>
    <tr>
<td class="tdClass">
    <a href="#">b </a>
    <div class="divClass" style="display:none"> 
        div 1!
    </div>
    
</td>
     <td class="tdClass">
         <a href="#">a </a>
    <div class="divClass" style="display:none"> 
         div 2!
    </div>
    
</td>
     <td class="tdClass">
    <div class="divClass"> 
    </div>
    
</td>
     <td class="tdClass">
         <a href="#">c </a>
    <div class="divClass" style="display:none"> 
        div 3!
    </div>
    
</td>   
    </tr>
</table>

JavaScript

$(".tdClass").bind("click",function()
                 {
                     $('.divClass').hide();
                     $(this).find(".divClass").show();
                 });