11499 sujets

JavaScript, DOM et API Web HTML5

Bonsoir,

Je suis en train de développer une petite boite contenant du texte qui slide de gauche à droite mais voila afin d'actionner le slider dès que la page est chargée je dois double cliquer sur mon bouton d'action alors que la fois d'après un clic suffit.
Je cherche à comprendre pourquoi 2 clics sont nécessaires la première fois et comment régler ce problème afin qu'un seul clic soit nécessaire à chaque fois...

Merci d'avance.


	<script type="text/javascript">
	$(document).ready(function() {
		$(".topMenuAction").click( function() {
			if ($("#openCloseIdentifier").is(":hidden")) {
				$("#slider").animate({ 
					left: "-34%"
					}, 500 );
				$("#topMenuImage").html('<img src="http://192.168.0.1/wp-content/themes/theme/images/afficher.png" alt="open" />');
					$(".flex-prev").animate({ 
					left: "5px"
					}, 700 );
				$("#openCloseIdentifier").show();
			} else {
				$("#slider").animate({ 
					left: "0%"
					}, 500 );
				$("#topMenuImage").html('<img src="http://192.168.0.1/wp-content/themes/theme/images/masquer.png" alt="close" />');
				$(".flex-prev").animate({ 
					left: "40%"
					}, 300 );
				$("#openCloseIdentifier").hide();
			}
		});  
	});
	</script>

Modifié par max2013 (05 Jul 2013 - 18:55)