First of all, you can use mouseenter
and mouseleave
You can easily target the group by wrapping them in a div
Secondly, in your code, eventinfo2 and snippetinfo are siblings. If necessary target siblings()
not parent().sliblings()
because the latter will refer to elements that are withing the same container as 'container'
Here you go EXAMPLE
$('#foo').on('mouseenter', function(){
$('.snippetinfo').show();
})
$('#foo').on('mouseleave', function(){
$('.snippetinfo').hide();
});