Problem mit toggle on hover

[a-k1989]

Hallo Leute,

ich habe ein Problem mit nem js toggle bei hover.
Prinzipiell funktioniert das Ganze ja, allerdings hover ich ein select Feld und sobald ich eine Auswahl mache dreht sich die toggle Funktion irgendwie um -> heißt: Das div, das bei hover eingeblendet wird ist plötzlich dauerhaft zu sehen und verschwindet wenn ich über das select Feld hovere.

HTML:

<li class="websubli" id="te310">
<label>&var_te295</label>
<select id="var_te310_select" name="var_te310_select" onChange="webSubEigenschaftGewaehlt($(this), 'te310');"></select>
</li>

<div class="papierinfos" id="papier_vkstandard">
<h10>Unsere Papiere</h10>
</div>     

[B]Javascript:[/B]

<script>   
$('#var_te310_select').hover(function() {
$('.papierinfos').toggle();
return false;
});
</script>

Hier könnt ihr euch den Effekt anschauen:

faceprint.de | Visitenkarten Standard

Hovert über das Selectfeld "Papier" und wählt dann eine Papiersorte aus.



Für eure Hilfe wäre ich sehr dankbar!

Viele Grüße
Andre

 

[s4ty]

$('#var_te310_select').mouseenter(function() {
$('.papierinfos').show();
return false;
}).mouseleave(function () {
$('.papierinfos').hide();
return false;
});

 

[a-k1989]

Hey,
danke für die schnelle Antwort.
Allerdings funktioniert es so nicht. Das div wird gar nicht mehr eingeblendet.

 

[s4ty]

schreibfehler .mouseenter nicht .mouesenter