All of them will appear because you're using span.large
and there are multiple of them. Instead use $(this).prev()
for the related span to hide/show.
$('span.small').hover(
function () {
$(this).prev('span.large').show();
},
function () {
$(this).prev('span.large').hide();
});
});
Also, you're missing the parentheses ()
in the last line