i got 3 rows with 4 icons in each. when clicked, each icon makes a div visible and slide down and the page scrolls to a specified span element at the top of each div.. but for some reason when switching to another div with longer height, it scrolls all the way down :) its pissing me off so much! so here is the code for one of the bottons:
$( "#shop" ).click(function() {
$( "#Enerji , #Hizmet , #SaglikYasam , #Otomotiv , #Sigorta , #Makine , #EmlakPazarlama , #Insaat , #YemeIcme , #Eglence , #Tarim" ).slideUp( 500 );
$( "#AVM" ).slideToggle( 500 );
$('html, body').animate({
scrollTop: $("#avmscroll").offset().top
}, 500);
});
icon is clicked and all other non related divs r hidden. and here is the corresponding html
<div class="col_cont" id="AVM">
<div class="cont_table">
<div class="cont_row">
<div class="cont_arrow">
<a id="uparrow" alt="Yukari"> </a>
</div>
<div class="cont_cell">
<span class="scroll-line" id="avmscroll"></span>
<div class="cont_innerTable">
<div class="cont_row">
<div class="cont_thumb">
<center><img src="img/acrloft.png" alt="Akro Hizmet" /></center>
</div>
<div class="cont_cell">
<span class="header">Acr Loft</span>
<p>Akro Hizmet İşletme ve Yönetim A.Ş., topluluğun kurduğu tüm yerleşimlerin, bina ve sitelerin kentsel ihtiyaçlarını karşılamak için kuruldu. 1999 yılında kurulan Akro Hizmet, bir kentten beklediğiniz tüm belediye hizmetlerini veriyor; çilingir ihtiyaçlarınızdan sağlık hizmetine kadar her konuda Acarkent, Atlantis Konutları ve Acarlar İş Merkezi’nde yaşamınızı kolaylaştırıyor. Güvenlik hizmetlerini de karşılayan Akro Hizmet, görev yaptığı tüm alanlarda beklentileri en üst seviyede karşılamaya özen gösteriyor.</p>
<span style="position:relative; top:0;">
<img src="img/location.png" /> Acarkent İdari Hizmetler Binası 34800<br /> Beykoz/İSTANBUL<br />
<img src="img/phone.png" /> 0216 485 00 25<br />
<img src="img/fax.png" /> 0216 485 00 20
</span>
<a class="link" href="http://www.akrohizmet.com.tr" target="_blank">Akro Hizmet sitesine git</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
u can actually see the working test page here to see it for urselves.. please help me :D