JQuery के साथ स्लाइडिंग - एनिमेट () विधि

मैं वर्तमान में निम्न कोड का उपयोग कर रहा हूं (कम से कम दृष्टि से) एक div की सामग्री को प्रतिस्थापित करता हूं, जिसका आईडी 'बॉक्स 3' है (वर्तमान सामग्री को छिपाकर और नई सामग्री दिखाकर) लेकिन नई सामग्री को उपस्थिति में स्लाइड करके (पुराना सामग्री स्लाइडिंग के बिना छिपी हुई है)।

var tabIndex = 1;

function nextButtonClick() {
    $("#box3").hide();
    $(".tab" + tabIndex).hide();
    $(".tab" + (tabIndex + 1)).show();
    $("#box3").animate({ width: 'toggle' }); 
    tabIndex++;
}

समस्या यह है कि यह विधि नई सामग्री स्लाइड को बाएं से दाएं स्लाइड बनाती है, जबकि मैं दाएं से बाएं स्लाइड करना चाहता हूं। मैंने स्लाइड दिशा को बदलने के तरीके के चारों ओर देखने की कोशिश की है, लेकिन कुछ भी काम नहीं करता है; यह सामान्य रूप से बस सभी सामग्री गायब हो जाता है, 'बॉक्स 3 # दृश्यमान खाली छोड़ देता है।

(मैं इस कोड का उपयोग नियमित रूप से जावास्क्रिप्ट के रूप में कर रहा हूं; यह 'तैयार' फ़ंक्शन के भीतर नहीं है।)

क्या कोई कुछ सुझाव दे सकता है? धन्यवाद, कॉनोर।

0
जोड़ा संपादित
विचारों: 1
jsfiddle.net/92n8z - मैंने कभी पहले jfiddle का उपयोग नहीं किया है, इसलिए मुझे नहीं पता कि आप कितना कोड जानते हैं उम्मीद करते हैं।
जोड़ा लेखक ConorW, स्रोत
आपके CSS के आधार पर आप बस float इसे दाएं कर सकते हैं। कृपया हमें अपना पूरा कोड दिखाएं
जोड़ा लेखक Spokey, स्रोत
@ConorW इस मुद्दे को पुन: उत्पन्न करने के लिए लागू होने वाले कोड के रूप में अधिक कोड है
जोड़ा लेखक Zach Saucier, स्रोत
यह बहुत अच्छा होगा यदि आप jsfiddle का उपयोग करके अपना कोड साझा कर सकते हैं ताकि कोई आपको सटीक समाधान प्रदान कर सके।
जोड़ा लेखक Girish Sakhare, स्रोत

कोई जवाब नहीं है

0