11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai un slideToggle en bas de page, lorsque je clique pour faire afficher le contenu, il affiche bien son contenu, mais je dois scroller la fenêtre du navigateur pour y lire les infos.

Est-ce qu'il y a moyen de lui faire scroller la page de façon automatique.

Code du head

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	$(".menu2").hide(); 
		$("#sujet").click(function(){
			$(".menu2").slideDown("slow");
			if($("#sujet").hasClass("close"))
				$("#sujet").removeClass("close");
			else
				$("#sujet").addClass("close");
			return false;
		});
	});	
	
</script>


Code body

<h4 id="sujet" class=" ">Tous les sujets du site</h4>

<div class="menu2">
<ul>
<li><a href="#">Qu’est-ce que?</a></li>
<li><a href="#">Nos membres</a></li>
<li><a href="#">Projets de recherche</a></li>
<li><a href="#">Programmes</a></li>
<li><a href="#">Actualités</a></li>
etc. la liste est longue
</ul>
</div>



Ce qui est bizarre c'est que lorsque je clique 1 première fois pour faire afficher le contenu, la page scroll pas. Mais lorsque je fais un refresh on dirait qu'il mémorise la hauteur et la en cliquant une 2e fois maintenant la page scroll.

Merci.
Modifié par britanicus75 (28 Feb 2012 - 18:33)