दो विभाजनों को एक-दूसरे में स्लाइड करने का सबसे अच्छा तरीका क्या है। मूल रूप से, मैंने अपने होमपेज को दो खंडों में विभाजित किया है। मैं चाहता हूं कि वे एक-दूसरे को स्लाइड करें और एक-दूसरे में स्लाइड करें, लेकिन प्रत्येक दर्शक के लिए केवल एक बार होता है।
<div id="wrap">
<div id="slideDown">Slide down</div>
<div id="slideUp">Slide up</div>
</div>
उत्तर:
उत्तर № 1 के लिए 1आपको "jQuery के एनीमेशन प्रभाव" का उपयोग करने की आवश्यकता है slideUp तथा slideDown (देखें तेंदु का उत्तर) या बस उपयोग करें animate यदि आप अधिक क्रिया महसूस कर रहे हैं।
लेकिन, एक वापसी यात्रा पर इस एनीमेशन को निष्पादित करने से ब्राउज़र को रोकने के लिए, आपको "कुकी को संग्रहीत करने की आवश्यकता है।" jquery- कुकी प्लगइन शुरू करने के लिए एक अच्छी जगह है। मूल रूप से आप क्या करना चाहते हैं:
- DoNotLoadAnimation कुकी की उपस्थिति के लिए जाँच करें।
- यदि मौजूद नहीं है, तो doNotLoadAnimation कुकी सेट करें और एनिमेशन दिखाएं, अन्यथा पेज को w / o दिखाएं
यह "सही नहीं होने जा रहा है क्योंकि कुकीज़ उठती हैं" लगातार स्टोरेज का एक रूप है, उदा। यदि कोई उपयोगकर्ता अपनी कुकी साफ़ करता है, तो एनीमेशन फिर से निष्पादित होगा।
उम्मीद है की वो मदद करदे!
उत्तर № 2 के लिए 1
jQuery "रों .slideUp तथा .slideDown क्रमशः स्लाइड करके सामग्री छिपाएं और दिखाएं। होने के लिए .slideUp वास्तव में सामग्री दिखाएं, आपको स्लाइड के लिए jQuery UI शो प्रभाव का उपयोग करना होगा, जैसे:
$("#slideUp").show( "slide", {direction: "up"} );
यह वास्तव में यह बताना कठिन है कि आप क्या चाहते हैं, हालांकि, और यदि आप सिर्फ वही पेस्ट करते हैं जो मेरे पास है (मान लें कि आपके पास यूआई हैं) तो यह प्रत्येक दृश्य के लिए केवल एक बार ट्रिगर होगा।