comparsa del testo cliccando sul link

[dropper]

Ho fatto una lista di domande e risposte all'interno di una pagina in php. le domande sono visibili, mentre le risposte non lo sono. Diventano visibili, una alla volta, solo quando clicco sopra la domanda.
il problema è che ogni volta che clicco su una domanda, viene effettuato una scroll a inizio pagina, molto seccante.
lo script java l'ho scaricato, perchè non me ne intendo per niente. credo sia una modifica facile da fare ma non vorrei fare casini. ho segnato in rosso dove credo sia il problema.Qualcuno riuscirebbe ad aprirmi gli occhi? grazie mille

hideUrlBar = function () {
   !pageYOffset && !location.hash && setTimeout(function () {
      window.scrollTo(0, 1);
    }, 1000);
};




	$(document).ready(function() {
		
			
		//script per lo scroll della pagina				   					   
		$('a[href^=#]:not([href=#])').click(function(event){
			$('html, body').animate({ 
				 scrollTop: $($(this).attr("href"))
				 .offset().top }, 1000);
			event.preventDefault();
		});
	
		
		
		$("H2").on("click",function(){
			//alert('CIAO');
			//$("p").css("display","none");
			$("p").slideUp();
			$(this).next().toggle('500');
		});
	
	
	
	});

[tampertools]

1. http://www.html.it/pag/15242/javascript-non-java/
   ​
2. Puoi dare anche l'html? Sei sicuro che l'h2 non sia un tag a?

PS Qual'è la parte in rosso?

[dropper]

PS Qual'è la parte in rosso?

scusa ti metto l'html come l'ho impostato:

<h2 class="faq"> <a href="#">domanda1</a> </h2>
<p class="faq">risposta 1</p>


<h2 class="faq"> <a href="#">domanda 2</a> </h2>
<p class="faq">risposta 2</p>

e il css interessato:

#corpo H2.faq {
	text-align:left;
	padding:10px 20px;
}


#corpo H2.faq a {
	color:#3498db;
	text-decoration:none;
	text-align:left;
}


#corpo H2.faq a:hover {
	color:#3498db;
	text-decoration:underline;
	text-align:left;
}


#corpo p.faq {
	display:none;
	background-color:#ECF0F1;
	padding:10px;
	margin:0 20px;
}

io non so proprio che fare. grazie mille!!!