jQuery UI mostra/nascondi con un effetto diapositiva - come cambiare la velocità dello slide "back-in"

Question

La mia pagina contiene molti elenchi OL, ognuno dei quali mostra una selezione di collegamenti. Quando viene fatto clic su ogni collegamento, il contenuto scorre verso destra. Quando si fa clic su ciascun collegamento, il contenuto viene quindi fatto scorrere di nuovo, quindi di nuovo in uscita.

Ecco un violino che mostra in azione:

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

vorrei rallentare la parte "back-in" degli effetti di scorrimento, in modo che corrisponda alla velocità della slide-out. Vedrai che al momento scorre rapidamente indietro - Mi piacerebbe regolare questa velocità.

Ecco la parte JS del codice, dove avviene l'azione:

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

Qualsiasi puntatori riconoscente apprezzato, grazie.

Answer 1

Prova questa, invece di nasconderlo

$(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

Che ne dici di $('.website-info').hide(1400)? Questo lo nasconderà con la stessa velocità con cui stai mostrando la roba.

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); 
});