try to add for the outer element (a in your case) a class called outer
, and for the inner elements add inner
.
$(".outer").hover(function()
{
//alert( $(this).find(".inner").show());
$(this).find(".inner").show()
});
$(".outer").mouseleave(function()
{
$(this).find(".inner").hide();
});
Make sure that the initial state of the .inner
element is display: none
.
Here is the example: http://jsfiddle.net/82weU/2/