Buongiorno a tutti,
sono alle basi di jquery, tuttavia ho voluto creare uno script che mi permettesse di creare un menu un originale, le voci con i vari link sono allineati a sinistra in verticale, una volta che si passa il mouse su una di queste voci l'immagine che si trova a destra del menu viene a cambiarsi..

Il codice che ho creato ed ho inserito nel body sarebbe:
codice:
$(".bx_voce_1").hover(passa,allontana)…
$(".bx_voce_2").hover(passa,allontana)…

function passa(){
$(".1").show(300);
}
function allontana(){
$(".1").hide(300);
}
function passa(){
$(".2").show(300);
}
function allontana(){
$(".2").hide(300);
}
mentre l'html:
codice:
<div class="bx_content_immagini">
<div id="bx-immagine" class="1" >
[img]immagini/azienda/1.jpg[/img]
</div>
<div id="bx-immagine" class="2" >
[img]immagini/azienda/2.jpg[/img]
</div>

</div>
<div id="" class="bx_lista">
<div id="box_voce" class="bx_voce_1">
Link_1
</div>
<div id="box_voce" class="bx_voce_2">
Link_2
</div>

</div>
Il mio problema è che passando il mouse sui vari link non succede nulla, devo aspettare 10 secondi e poi funziona tutto correttamente, come mai questo?