jQuery Repeat Element with A Following Number
<p>How do I use less code here? I do not want to repeating the same steps for each element.</p>

<pre><code>$('.slider1').stop().hover(function () {
    $('#slider_1').fadeIn('fast');
});
$('.slider1').stop().mouseleave(function () {
    $('#slider_1').hide('fast');
});

$('.slider2').stop().hover(function () {
    $('#slider_2').fadeIn('fast');
});
$('.slider2').stop().mouseleave(function () {
    $('#slider_2').hide('fast');
});

$('.slider3').stop().hover(function () {
    $('#slider_3').fadeIn('fast');
});
$('.slider3').stop().mouseleave(function () {
    $('#slider_3').hide('fast');
});
</code></pre>
