Problème avec un rollover

Signaler
Messages postés
112
Date d'inscription
lundi 6 avril 2009
Statut
Membre
Dernière intervention
17 janvier 2015
-
Bonjour,

Je suis en train de faire un site avec un menu animé. Je vous donne un lien pour comprendre comment ça fonctionne, ça sera plus simple :
http://test.projer-webdev.com/

En fait mon problème est qu'au survol des balises a qui me servent de lien de menu, ça active le rollout de celui-ci, ce qui me le ferme. Je ne peux donc jamais cliquer sur un lien, ce qui est facheux.

J'ai vraiment essayé plein de solutions, de voir si il y avait moyen de lui dire que les balises a étaient gentilles et faire comme-ci elles étaient pas là, mais rien n'y fait, j'ai toujours le même problème.

Voici le html :

<nav class="fixed">
		<img src="images/menu_bot.png" alt="" class="absolute" id="menu_bot">
		<img src="images/menu.png" alt="" class="absolute" id="menu_top" style="margin-left: 100px;">
		<ul>
			<li><a href="#left-content" classe>HOME</a></li>
			<li><a href="#about">ABOUT</a></li>
			<li><a href="#collection">COLLECTION</a></li>
			<li><a href="#contact">CONTACT</a></li>
		</ul>
	</nav>


et le javascript, où j'utilise jQuery :
$(document).ready(function() {

	//ANIMATION MENU
	$('nav a').delay(400).animate( {opacity:"0"},750,function(){ $(this).css( 'display','none');});
	$('nav #menu_bot').delay(800).animate( {marginTop:"-380"},750);

	function animate_menu(way){
		if(way=="up"){
			$('nav a').animate({opacity:"0"},300,function(){
				$(this).css('display','none');
			});
			$('nav #menu_bot' ).delay(400).animate({ marginTop:"-380" },750);
		}else if(way=="down"){
			$('nav #menu_bot').animate({marginTop:"0"},750);
			$('nav a').delay(400).animate({opacity:"100"},250,function(){$(this).css('display','block');});
		}
	}

	//ROLLOVER MENU
	$('nav #menu_top').mouseover(function() {
		$('nav a').stop(true,false);
		$('nav #menu_bot').stop(true,false);
		animate_menu("down");
	});

	$('nav #menu_bot').mouseout(function() {
		$('nav a').stop(true,false);
		$('nav #menu_bot').stop(true,false);
		animate_menu("up");
	});
});


Merci d'avance.