Hvordan unngår jeg side-reload ved jQuery animate funksjon

[Sssda1]

Heisann,

 

På nettsiden min har jeg en knapp som forstørres ved animasjon når du klikker på den og blir mindre igjen neste trykk. Problemet er at siden 'hopper' opp til starten av siden, eller at siden reloades ved hvert trykk.

 

Er det noe jeg kan gjøre for å unngå dette ? Vet ikke hva jeg skal legge ved, men her er iallefall jQuery-koden:

 

$("#index").addClass("active");
$("[id^=bg]").hide();
$("[id^=opt]").click(function(){
if($(this).is(".normal"))
{
 $(this).css("z-index", "10")
 $(this).siblings().css("z-index", "1");
 $(this).animate({"width": "500px", "height": "420px"}, 200);
 $(this).removeClass("normal");
 $(this).addClass("big");

 if($(this).is("#option1"))
  $("#bgtest1").fadeIn();
 else if($(this).is("#option2"))
  $("#bgtest2").fadeIn();
 else if($(this).is("#option3"))
  $("#bgtest3").fadeIn();
 else if($(this).is("#option4"))
  $("#bgtest4").fadeIn();
}
else
{
 $(this).animate({"width": "230px", "height": "195px", "z-index": "1"}, 200);
 $(this).removeClass("big");
 $(this).addClass("normal");
 $("[id^=bg]").fadeOut();
}
});

[MailMan13]

Sånn

[Sssda1]

så lett.

 

takk:)