JQuery show/hide when hover

Question

I have three links, Cat, Dog, Snakes. When I hover over each, the content relating to each link should change.

So if i hover over cat, then cat content will appear,

Answer 1

jquery:

$('div.animalcontent').hide();
$('div').hide();
$('p.animal').bind('mouseover', function() {
    $('div.animalcontent').fadeOut();
    $('#'+$(this).attr('id')+'content').fadeIn();
});  

html:

dog url
Doggiecontent!
cat url
Pussiecontent!
snake url
Snakecontent!

-edit-

yeah sure, here you go -- JSFiddle