[jQuery] Show div in div on mouseover

[jQuery] Show div in div on mouseover


I have multiple divs on my page in which contains another div with
links. These links should be hidden by default but then displayed when
the mouse is over the div.
HTML-code:
<div class="box">
Lorem ipsum
<div class="links"><a href="#">Foo</a> <a href="#">bar</a></div>
</div>
<div class="box">
Lorem ipsum 2
<div class="links"><a href="#">Foo</a> <a href="#">bar</a></div>
</div>
<div class="box">
Lorem ipsum 3
<div class="links"><a href="#">Foo</a> <a href="#">bar</a></div>
</div>