jquery menu hover ne fonctionne pas en raison de validation de formulaire en direct

Question

Bon, j'ai posté une question avant de réparer mon formulaire de contact de validation en direct. Maintenant, la forme athentication fonctionne parfaitement, mais mes effets de menu hover jquery vont, dans le menu d'autres pages fonctionne, mais pas sur le formulaire de contact de page ..

est ici le lien pour vérifier en ligne link text

est là tout conflit entre ces deux fonctions .....

<script type="text/javascript">   
$(function() { 
// set opacity to nill on page load 
$("ul#menu span").css("opacity","0"); 
// on mouse over 
$("ul#menu span").hover(function() { 
// animate opacity to full 
$(this).stop().animate({ 
opacity: 1 
}, 'slow'); 
}, 
// on mouse out 
function() { 
// animate opacity to nill 
$(this).stop().animate({ 
opacity: 0 
}, 'slow'); 
}); 
}); 

//]]> 

</script> 

<script type="text/javascript"> 
//<![CDATA[ 
$(function() { 

    var LV_Name = new LiveValidation('name',{onlyOnSubmit: true }); 
    LV_Name.add(Validate.Presence); 

    var LV_Email = new LiveValidation('email', {onlyOnSubmit: true }); 
    LV_Email.add(Validate.Presence); 
    LV_Email.add(Validate.Email); 

    var LV_Cap = new LiveValidation('cap',{onlyOnSubmit: true }); 
    LV_Cap.add(Validate.Presence); 
    LV_Cap.add(Validate.Numericality, { is: 4 }); 

    var LV_Message= new LiveValidation('message', {onlyOnSubmit: true }); 
    LV_Message.add(Validate.Presence); 

    var service = new LiveValidation('service' , {onlyOnSubmit: true }); 
    service.add(Validate.Exclusion, { within: [ 'None' ] }); 


      }); 

</script>  

Answer 1

Il y a de partout dans le menu ul # no durée sur la page de contact, il y a de portée sur les autres pages

à propos de la page

<li><a class="contact" href="contact.html"><span style="opacity: 0;"></span></a></li> 

Page de contact

<li><a class="contact" href="contact.html"/></li>