```
<div class="example">
 <div class="test" style="display:none;">Text</div>
</div>

<div class="example">
 <div class="test" style="display:none;">Some other text</div>
</div>

```

When an element with the class `example` is hovered over, it'll show its child element with the class `text` (possibly with a simple `.show()` and `.hide()` in jQuery).

I need it to show only its child element and not other elements with the class `test`. How can I do this without specifying `id`s?