[jQuery] refactoring help/ suggestions?

[jQuery] refactoring help/ suggestions?


Hi,
I wrote this code for a simple "hide and show" effect and I am looking
for any advice or examples of how I can refactor the code. I tried
using a hash but it didn't work out right and I am thinking that maybe
I should make a object method.
here is the code:
$(document).ready(function() {
var $firstPara = $('p.a');
$firstPara.hide();
$('a.one').hover(function() {
$('a.one').fadeOut('slow').fadeIn('slow');
if ($firstPara.is(':hidden')) {
$firstPara.fadeIn('slow');
} else {
$firstPara.fadeOut('slow');
}
return false;
});
});
$(document).ready(function() {
var $secondPara = $('p.b');
$secondPara.hide();
$('a.two').hover(function() {
$('a.two').fadeOut('slow').fadeIn('slow');
if ($secondPara.is(':hidden')) {
$secondPara.fadeIn('slow');
} else {
$secondPara.fadeOut('slow');
}
return false;
});
});
$(document).ready(function() {
var $thirdPara = $('p.c');
$thirdPara.hide();
$('a.three').hover(function() {
$('a.three').fadeOut('slow').fadeIn('slow');
if ($thirdPara.is(':hidden')) {
$thirdPara.fadeIn('slow');
} else {
$thirdPara.fadeOut('slow');
}
return false;
});
});