Autor Zpráva
mzitka
Profil *
Přeji hezký den,
mám následující problém. Na webu je nabídka kurzů, u každého kurzu je tlačítko "Registrace kurzu". Po kliknutí se zobrazí div s registračním formulářem.

HTML:
<div class="toggle">
<h2 id="regA">Kurz A</h2>
...popis kurzu...
<a href="#regA">Registrace kurzu</a>
</div>

<div class="hidden"><h3>Registrujte si "Kurz A"</h3>
...registrační formulář...
</div>

jQuery:
jQuery(document).ready(function() {
    jQuery(".toggle").next(".hidden").hide();
    jQuery(".toggle").click(function() {
        $('.active').not(this).toggleClass('active').next('.hidden').slideToggle(300);
        $(this).toggleClass('active').next().slideToggle("fast");
    });
});

Ukázka:
http://jsfiddle.net/zjaUB/2/

Teď bych potřeboval, aby se po kliknutí na tlačítko registrace stránka "odscrollovala" na záložku (id="regA" v tagu H2). Za normálních okolností by na záložku přešel sám prohlížeč. Jenže, když je třeba kurz na stránce až někde níž, neodscrolluje na záložku tak, aby byl nadpis u horního okraje a zbytek pod ním, ale tak, že je záložka někde uprostřed stránky a není tak vidět celý formulář. Předpokládám, že je to kvůli tomu, že prohlížeč při sjíždění na záložku ještě nepočítá s, přes jQuery, zobrazovaným divem...

Měl by někdo nějaký nápad, jak toto provést? Tedy aby se nejdřív načetl zobrazovaný div a až poté by se stránka odscrollovala na určenou záložku?

Děkuji předem za veškerou snahu!

Milan Zítka

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: