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>