Bu jquery'yi nasıl yapmak istediğimi nasıl yapabilirim?

Fiddle here: http://jsfiddle.net/cgweb87/r3NEX/

Eğer h2'ye tıkladığınızda, div yukarı ve aşağı doğru kaydırılır, ancak nasıl yukarı kayar ki yukarı ve aşağı diğer bölümleri oturmak için kayar, yerine oturmak için aşağı kayar. Aşağıdaki h2.

Açıklamak zor ama lütfen bilmeceyi kontrol et.

1
Altında kayarken h2'nin aynı yerde kalmasını mı istiyorsun?
katma yazar Tules, kaynak
haha teşekkürler, bir bakacağım
katma yazar Tules, kaynak
Evet, daha iyi açıkladın.
katma yazar cgweb87, kaynak
Dikey olarak hizalanmış içeriğin daha çok sütun gibi davranmasını istediğiniz gibi görünüyor?
katma yazar Surreal Dreams, kaynak
Hala mantıklı değil.
katma yazar aziz punjani, kaynak
Yani onun altındaki satırların hepsini görmek ister misin? ya da oldukları yerde mi kalıyorlar?
katma yazar Patricia, kaynak

3 cevap

İstediğinizi elde etmek için yapmanız gereken tek şey, add: style = "vertical-align: top;" senin şehreSection sınıfı

.townSection {width: 30%; display: inline-block; vertical-align:top;}

http://jsfiddle.net/r3NEX/13/

4
katma
Bu hile yaptı teşekkürler :)
katma yazar cgweb87, kaynak
Fiddle Abe için teşekkürler! Onu teoriyi test etmek için düzenledim ama sonra onu kaydetmeyi ve bağlamayı unuttum.
katma yazar Patricia, kaynak

İşte CSS'niz için hızlı bir değişiklik:

.townSection {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}

Bununla, h2 yerinde kalır, altındaki içerik açılır.

2
katma

http://jsfiddle.net/r3NEX/12/

Bu iş senin için mi?

1
katma
umarım bu adamlar benden daha iyi bir iş çıkardılar!
katma yazar Tules, kaynak