JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="1">
  <tr>
    <td>result 1</td>
    <td>result 2</td>
    <td>result 3</td>
  </tr>
  <tr>
    <td class="click" data-info="i love lemonade">result 4</td>
    <td class="click" data-info="charizard is a pokeman">result 5</td>
    <td class="click" data-info="nigeria is a country">result 6</td>
  </tr>
  <tr>
    <td colspan="3" id="info">If i click on either result 4, 5 or 6 the dropdown will appear here.</td>
  </tr>
  <tr>
    <td>result 7</td>
    <td>result 8</td>
    <td>result 9</td>
  </tr>
  <tr>
    <td>result 10</td>
    <td>result 11</td>
    <td>result 12</td>
  </tr>
</table>

JavaScript

$(document).ready(function(){
    $('.click').on('click', function(){
        $('#info').html($(this).data('info'));
    });
});