[jQuery] Need help cleaning up code
I have the following code for showing text on hover.
$(document).ready(function(){
$(".apply").hide();
$("img.step1").hover(function(){
$(".apply").show("slow");
},function(){
$(".apply").hide("fast");
});
$(".telephone").hide();
$("img.step2").hover(function(){
$(".telephone").show("slow");
},function(){
$(".telephone").hide("fast");
});
$(".required_docs").hide();
$("img.step3").hover(function(){
$(".required_docs").show("slow");
},function(){
$(".required_docs").hide("fast");
});
$(".personal_interview").hide();
$("img.step4").hover(function(){
$(".personal_interview").show("slow");
},function(){
$(".personal_interview").hide("fast");
});
$(".notification").hide();
$("img.step5").hover(function(){
$(".notification").show("slow");
},function(){
$(".notification").hide("fast");
});
$(".positions").hide();
$("img.step6").hover(function(){
$(".positions").show("slow");
},function(){
$(".positions").hide("fast");
});
});
But I would like to be able to clean this up to one set that
dynamically changes with each of the six paragraphs of text.
Is that possible?
Thanks,
Dan