Hey,

I've tried looking for a solution arounf but I'm not quite sure I'm looking for the right 'term'

the situation is I have a list of things on a page that are dynamically generated and when I hover each of them I'd like a 'popup' with more info relative to what is hovered to appear.

I don't want to have to specify the rul for every popup separately so my question is how do I target a child div to appear for only the hovered element if there are many divs with the same name on the page?

My code:
Code:
...
<li>
<h4>•Title of thing</h4>
<div class="popup">
this is the div i'd like to appear on hover

</div>
</li>

<li>
<h4>•Title of thing</h4>
<div class="popup">
this is the div i'd like to appear on hover

</div>
</li>
Thanks for looking