jQuery UI显示/隐藏幻灯片效果 - 如何更改幻灯片“后退”速度

Question

我的页面包含许多OL列表，每个列表都显示一系列链接。单击每个链接时，内容向右滑出。点击每个链接后，内容会重新滑入，然后再次滑出。

这是一个小提琴，显示了这一点：

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

我想减慢幻灯片效果的“后退”部分，因此它与幻灯片的速度相匹配。你会看到它现在很快就会重新滑入 - 我想调整这个速度。

以下是代码的JS部分，其中发生了操作：

$('.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);
});