Бұл jquery жұмысын қалай жасауға болады?

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

H2 пернесін басқан кезде, div-ды жоғары және төмен сырғытып жібереді, бірақ оны div-ды сырғытып, төменгі бөліктің астына секіріп, div-дың астында отыруға емес Төмендегі h2.

Түсіндіру қиын, бірақ скриптті тексеріңіз,

1
Сіз h2-нің бір жерде тұруын қаласаңыз, сол кезде div div-тің астына түседі?
қосылды автор Tules, көзі
haha рахмет, мен қараймын
қосылды автор Tules, көзі
Ия, сіз оны әлдеқайда жақсы түсіндірдіңіз.
қосылды автор cgweb87, көзі
Тігінен тураланған мазмұнды бағандарға ұқсас әрекет етуді қалайсыз ба?
қосылды автор Surreal Dreams, көзі
Дегенмен, мағынасы жоқ.
қосылды автор aziz punjani, көзі
сондықтан сіз төмендегі жолдардың бәріне дейін жылжытқыңыз келе ме? немесе олар қайда қалады?
қосылды автор Patricia, көзі

3 жауаптар

Сіз қосқыңыз келетін нәрсені алу үшін барлық қажет: style = «vertical-align: top;» Сіздің қалаңызға Секция класы

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

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

4
қосылды
Бұл ойынға рақмет жасады :)
қосылды автор cgweb87, көзі
Abe скрипті үшін рахмет! Мен оны теорияны сынау үшін редакцияладым, бірақ оны сақтап қалдырды және оны байланыстырды.
қосылды автор Patricia, көзі

CSS-іңізге жылдам өзгерту:

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

Осыған орай, h2 орнында қалады, оның мазмұны оралады.

2
қосылды

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

бұл сіз үшін жұмыс?

1
қосылды
бұл жігіттер маған қарағанда жақсы жұмыс жасады!
қосылды автор Tules, көзі