I am trying to show/hide a div inside a li.
<li><a class="outlink" href="javascript:void(0);" onclick="change_video(4);change_image(4);" title="test"><img src="images/thumbs/4.png" alt="" /><div class="text"><strong>Organize</strong> dances for all your non-MBA’d friends’ weddings.</div>
</a>
</li>
.text is set to display:none
here is the js im tyring to use:
$(".outlink").hover(
function () {
$(this).find("#text").show();
},
function () {
$(this).find("#text").hide();
}
any help would be great