JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Product Name <div class="info">Product information (currently in popup)</div></li>
    <li>Product Name 2 <div class="info">Product information 2 (currently in popup)</div></li>
    <li>Product Name 3<div class="info">Product information 3 (currently in popup)</div></li>
    <li>Product Name 4 <div class="info">Product information 4 (currently in popup)</div></li>
    <li>Product Name 5<div class="info">Product information 5 (currently in popup)</div></li>
    <li>Product Name 6 <div class="info">Product information 6 (currently in popup)</div></li>
</ul>

CSS

li{width:250px;}

li div{display:none; margin-left:15px; height:3em; padding:1em; border:1px solid;background-color:white;}

JavaScript

$('li').click(function(){
    $(this).children('div').slideToggle(500);
});