Jquery एनिमेट छुपाएं और दिखाएं

Question

मैं एक लिंक पर क्लिक करते समय एक बार में दो चीजें करना चाहता हूं। मैं धीरे-धीरे Jquery दस्तावेज के माध्यम से जा रहा हूं, लेकिन मुझे अभी तक सीखना है कि मुझे अभी क्या चाहिए।

यहाँ मेरी site

जब मैं सेवाओं पर क्लिक करें लिंक मैं #slideshow div को छिपाने के लिए चाहते हैं, और एक नया div इसे बदलना करने के लिए एक कड़ी है।

मैं सिर्फ स्लाइड शो सेवाओं के लिंक पर क्लिक पर बाहर चेतन है की कोशिश की थी, लेकिन यह या तो चेतन समारोह करना या लिंक किए गए html पृष्ठ, दोनों नहीं करने के लिए जाना होगा। मैं दोनों को कैसे पूरा करूंगा।

इससे कोई फर्क नहीं पड़ता अगर मैं सिर्फ छिपाने के लिए और एक ही पृष्ठ पर शो divs, या यदि मैं एक नया html पृष्ठ पर जाएं। मैं सिर्फ एनिमेट फ़ंक्शन रखना चाहता हूं और एक को छुपाते समय सामग्री बदलना चाहता हूं।

इस

jQuery कोड मैं

$(document).ready(function(){ 
    $("a.home").toggle(
    function(){ 
     $("#slideshow").animate({ height: 'hide', opacity: 'hide' }, 'slow'); 
    }, 
    function(){ 
     $("#slideshow").animate({ height: 'show', opacity: 'show' }, 'slow'); 
    } 
); 
}); 

$(document).ready(function(){ 
    $("a.services").toggle(
    function(){ 
     $("#slideshow2").animate({ height: 'show', opacity: 'show' }, 'slow'); 
    }, 
    function(){ 
     $("#slideshow2").animate({ height: 'hide', opacity: 'hide' }, 'slow'); 
    } 
); 
}); 

घर उपयोग कर रहा हूँ और सेवाओं दो लिंक हैं है, और जब #slideshow div को छिपाने के लिए क्लिक किया मैं सेवाओं पसंद है, और slideshow2 div दिखाने के लिए, जो होगा होगा छुपाया और फिर पहले को प्रतिस्थापित करें।

वहाँ एचटीएमएल भी पर्याप्त मात्रा में है, तो यह लिंक से मेरे स्रोत देखने के लिए आसान हो सकता है है।

Answer 1

अपडेट किया गया: यह समाधान टिप्पणी में एक अनुवर्ती प्रश्न निम्नलिखित अद्यतन किया गया था।

आपको शो/छुपा तरीकों के callback method का उपयोग करना चाहिए।

$("a").click(function(){ 

    /* Hide First Div */ 
    $("#div1").hide("slow", function(){ 
    /* Replace First Div */ 
    $(this).replaceWith("<div>New Div!</div>"); 
    }); 

    /* Hide Second Div */ 
    $("#div2").hide("slow", function(){ 
    /* Replace Second Div */ 
    $(this).replaceWith("<div>New Div!</div>"); 
    }); 

    /* If you wanted to sequence these events, and only 
    hide/replace the second once the first has finished, 
    you would take the second hide/replace code-block 
    and run it within the callback method of the first 
    hide/replace codeblock. */ 

}); 

कॉलबैक विधि .show/.hide फ़ंक्शंस का दूसरा पैरामीटर है। यह भी चलाया जाता है जब .show/.hide विधि पूरी हो जाती है। इसलिए, आप अपना बॉक्स बंद/खोल सकते हैं, और कॉलबैक विधि के भीतर तुरंत एक ईवेंट चला सकते हैं।