Lucene的连字符(Hyphens in Lucene)

 要同时执行任何两个动画，您必须在两个效果上使用“队列”选项，将值设置为false。 默认情况下，每个效果都是同步排队的。 将“queue”设置为false将使它们异步运行。 
 
 在下面的第一个小提琴中，两个div基于按钮单击向左/向右滑动。 你会注意到我做了一些额外的css操作来将div相对放在一起以实现所需的滑动效果，并且我已经在元素上设置了特定的宽度。 在进行幻灯片效果时，动画元素在显示或隐藏时需要额外的空间来“转到”，因此宽度和位置操作可以克服这个问题。 使用“队列”，javascript看起来像这样： 
 
$("#previous").on('click', function(){
    $("#2DivT").css("left", "-179px").effect("slide", { direction: "left", duration: 900, mode: "hide", queue: false });
    $("#1DivT").effect("slide", { direction: "right", duration: 900, mode: "show", queue: false });
});

$("#next").on('click', function(){
    $("#2DivT").effect("slide", { direction: "left", duration: 900, mode: "show", queue: false }, function() { $(this).css("left", "0"); });
    $("#1DivT").effect("slide", { direction: "right", duration: 900, mode: "hide", queue: false });
});
 
 https://jsfiddle.net/f6rtrst3/34/ 
 
 在下面的第二个小提琴中，我尽可能地保持你的结构，但默认动画效果为“swing”。 这显示了两个动画同时运行并且彼此重叠。 使用默认的“swing”动画，javascript看起来像这样： 
 
$("#previous").on('click', function(){
    $("#2DivT").hide({ queue : false, duration : 900 });
    $("#1DivT").show({ queue : false, duration : 900} );
});

$("#next").on('click', function(){
    $("#1DivT").hide({ queue : false, duration : 900 });
    $("#2DivT").show({ queue : false, duration : 900 });
});
 
 https://jsfiddle.net/f6rtrst3/36/ 
 
 希望这两个小提琴的某些组合可以让你到达目的地。 

To do any two animations simultaneously, you have to use the "queue" option on both effects, setting the value to false. By default, each effect is queued synchronously. Setting "queue" to false will make them run asynchronously.
 
In my first fiddle below, two divs slide out going left / right based on the button click. You'll notice I did some extra css manipulation to position the divs relatively on top of one another to achieve the desired sliding effect, and I have set specific widths on the elements. When doing the slide effect, extra room is required for the animated element to "go to" when showing or hiding it, thus the width and position manipulations to overcome this. Using "queue", the javascript looks like this:
 
$("#previous").on('click', function(){
    $("#2DivT").css("left", "-179px").effect("slide", { direction: "left", duration: 900, mode: "hide", queue: false });
    $("#1DivT").effect("slide", { direction: "right", duration: 900, mode: "show", queue: false });
});

$("#next").on('click', function(){
    $("#2DivT").effect("slide", { direction: "left", duration: 900, mode: "show", queue: false }, function() { $(this).css("left", "0"); });
    $("#1DivT").effect("slide", { direction: "right", duration: 900, mode: "hide", queue: false });
});
 
https://jsfiddle.net/f6rtrst3/34/
 
In my second fiddle below, I have maintained your structuring as close as possible but defaulted the animation effect to "swing". This shows two animations running simultaneously and also on top of one another. Using the default "swing" animation, the javascript looks like this:
 
$("#previous").on('click', function(){
    $("#2DivT").hide({ queue : false, duration : 900 });
    $("#1DivT").show({ queue : false, duration : 900} );
});

$("#next").on('click', function(){
    $("#1DivT").hide({ queue : false, duration : 900 });
    $("#2DivT").show({ queue : false, duration : 900 });
});
 
https://jsfiddle.net/f6rtrst3/36/
 
Hopefully some combination of these two fiddles will get you where you're going.