मैं यह jquery काम कैसे कर सकता हूं मैं कैसे चाहता हूं?

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

जब आप एच 2 पर क्लिक करते हैं, तो यह div को ऊपर और नीचे स्लाइड करता है लेकिन मैं इसे कैसे बना सकता हूं ताकि यह div up को स्लाइड कर सके और नीचे दिए गए अन्य अनुभाग H2 के नीचे बैठने के लिए स्लाइड करें, बजाय div पर बैठने के लिए स्लाइड नीचे एच 2।

समझाने में मुश्किल है लेकिन कृपया बेवकूफ की जांच करें,

1
क्या आपका मतलब है कि आप एच 2 को उसी स्थान पर रहना चाहते हैं जबकि div इसके नीचे स्लाइड करता है?
जोड़ा लेखक Tules, स्रोत
हाहा धन्यवाद, मैं एक नज़र रखूंगा
जोड़ा लेखक Tules, स्रोत
हाँ, आपने इसे बहुत बेहतर समझाया।
जोड़ा लेखक cgweb87, स्रोत
लगता है जैसे आप लंबवत संरेखित सामग्री कॉलम की तरह कार्य करने के लिए चाहते हैं?
जोड़ा लेखक Surreal Dreams, स्रोत
अभी भी कोई मतलब नहीं है।
जोड़ा लेखक aziz punjani, स्रोत
तो क्या आप नीचे की पंक्तियों को सभी तक ले जाना चाहते हैं? या वे कहाँ रहते हैं?
जोड़ा लेखक Patricia, स्रोत

3 उत्तर

मुझे लगता है कि आप जो चाहते हैं उसे पाने के लिए आपको बस इतना करना है: शैली = "लंबवत-संरेखण: शीर्ष;" अपने शहर के लिए वर्ग वर्ग

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

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

4
जोड़ा
यह चाल धन्यवाद था :)
जोड़ा लेखक cgweb87, स्रोत
बेवकूफ एबे के लिए धन्यवाद! मैंने सिद्धांत का परीक्षण करने के लिए उसे संपादित किया लेकिन फिर इसे सहेजना और इसे लिंक करना भूल गया।
जोड़ा लेखक Patricia, स्रोत

यहां आपके सीएसएस में एक त्वरित बदलाव है:

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

इसके साथ, एच 2 जगह में रहता है, इसके तहत सामग्री रोल हो जाती है।

2
जोड़ा

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

यह आपके लिए काम है?

1
जोड़ा
इन लोगों ने कभी मुझसे बेहतर काम नहीं किया है!
जोड़ा लेखक Tules, स्रोत