jQuery यूआई एक स्लाइड प्रभाव के साथ दिखाएं/छुपाएं - स्लाइड को "बैक-इन" गति को कैसे बदलें

Question

मेरे पृष्ठ में कई ओएल सूचियां हैं, जिनमें प्रत्येक लिंक का चयन दिखा रहा है। जब प्रत्येक लिंक पर क्लिक किया जाता है, तो दाईं ओर सामग्री स्लाइड-आउट होती है। प्रत्येक लिंक के माध्यम से क्लिक करते समय, सामग्री फिर बैक-इन स्लाइड करती है, फिर फिर से बाहर जाती है।

यहाँ कार्रवाई में यह दिखा एक फिडल है:

http://jsfiddle.net/juxprose/xu3ck/15/

मैं तो यह स्लाइड-आउट की गति से मेल खाता है, स्लाइड प्रभाव का "बैक में" भाग धीमा करने के लिए करना चाहते हैं। आप वर्तमान में देखेंगे कि यह बहुत जल्दी वापस स्लाइड करता है - मैं इस गति को समायोजित करना चाहता हूं।

$('.trg-open.website-title').click(function (e) { 
e.stopPropagation(); 
$('.website-info').hide(); 
$(this).next('.website-info').show('slide', {direction: 'left'}, 1400); 
}); 

कृतज्ञता की सराहना की किसी भी संकेत दिए गए है, धन्यवाद:

यहाँ कोड है, जहां कार्रवाई होता है की जे एस हिस्सा है।

Answer 1

बजाय छुपा यह

$(document).ready(function(){ 
    $('.trg-open.website-title').click(function (e) { 
    e.stopPropagation(); 
    $('.website-info').hide('slide', {direction: 'left'}, 1400); 
    $(this).next('.website-info').stop().show('slide', {direction: 'left'}, 1400); 
    }); 
}); 

Check Fiddle

Answer 2

कैसे $('.website-info').hide(1400)? जब आप सामान दिखा रहे हैं तो यह ठीक उसी गति से छिपाएगा।

Answer 3

$('.trg-open.website-title').click(function (e) { 
e.stopPropagation(); 
$('.website-info').hide(1400); //You can set a duration-time in millisec ;) 
$(this).next('.website-info').show('slide', {direction: 'left'}, 1400); 
});