html sayfası üzerinde scroll nasıl yapılır? (bootstrap)

[Timur]

Hazır bir bootstrap html teması üzerinde bazı değişiklikler yaptım.

Son olarak index.html dosyasının Open Positions kısmındaki "Join us" yazısına tıklayınca Contact kısmının açılmasını yapmak istiyorum.

Bir kaç şey araştırdım fakat tam olarak olmadı. Tema ayrı ayrı html dosyaları olsaydı direk link verirdim fakat tek bir html dosyası üzerinde bütün içerik Bunu nasıl yapabilirim?

İlişikte dosyaları indirebilirsiniz: http://student.cankaya.edu.tr/~c0711058/deneme.zip

[auroraborealis]

Bu kodu sayfana ekle,

Kod Seç Genişlet

<script>
    $(document).ready(function () {
            $('#joinUs').click(function (e) {

                $("#open").removeClass( 'bl-expand bl-expand-top' );
                $("#bl-main").addClass( 'bl-expand-item' );
                $("#contacts").addClass( 'bl-expand bl-expand-top' );
            });
    });
</script>



Join Us kısmınıda böyle değiştir,

Kod Seç Genişlet

<span  id="joinUs">Join us</span>


Join Us yazısını CSS yardımıyla link olarak gözükmesini sağlayabilirsin, kolay gelsin.