11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour a tous, voila je suis en train de developper ce siteweb:

http://thibault-rolando.com/TT/digital_experiment.html

Dans cette page, j'utilise le slider comme un menu ( Fluid flow ; surface deformation, surface and flow, fluid allocation)

A chaque fois qu'on clique sur view more, le contenu s'affiche en dessous,

pour ca j'ai utiliser l'affichage de bloc via ce script:


<script type="text/javascript">
  $("onglet").click(function (){
 $(this).css({'background-color':'white'});

      return false;
    });
	function AfficheTexte(nom_du_bloc)
	{
		var id_du_bloc_a_ouvrir = "#bloc_" + nom_du_bloc;

		$(".bloctexte:visible").slideUp(300, function() {
			$(id_du_bloc_a_ouvrir).slideDown(600);
		});
	}
	
	//]]>
	</script>


AU niveau di "view more qui fait office du lien:


<a href="#" onclick="AfficheTexte('contentfluidflow'); return false;" class="link">View more</a>



et enfin pour faire afficher le bloc:




<div id="bloc_contentfluidflow" class="bloctexte" style="display: block;">


Voila tout fonctionne parfaitement, j'ai mis le display en block pour le premier, et en none pour les suivant, afin qu'il s'affiche pas tous en meme temps, mais voila mon souci:

J'aimerais que lorsau'on aarrive sur la page, le contenu de "fluid Flow" ( la 1ere qui s'affiche) ne s'affiche pas d;entree, mais uniquement apres avoir cliquer sur le view more.
j'ai essaye donc de mettre le display pour celui ci en none egalement, mais ca nefonctionne pas . . .

j'esperes que je me fais comprendre, mon explication n'est pas tres claire . . .

je vous remercis par avance
Modifié par tibewww (11 Nov 2012 - 23:15)
pour faire simple, j'aimerais que le bloc ne soit pas afficher lorsqu'on arrive sur la page, qu'il s'affiche uniquement lorsqu'on clique sur "view more" Smiley smile

j'etais pas tres clair dans mon message je pense Smiley smile