Question

我在这里有一个关于堆栈溢出的早期线程的小提琴，从左到右动画所有div：https://jsfiddle.net/Deepa_Thalikar/5kg0urx7/30/

Javascript

jQuery(function($) {

$('a.panel').click(function() {
    var $target = $($(this).attr('href')),
        $other = $target.siblings('.active');

    if (!$target.hasClass('active')) {
        $other.each(function(index, self) {
            var $this = $(this);
            $this.removeClass('active').animate({
                left: $this.width()
            }, 500);
        });

        $target.addClass('active').show().css({
            left: -($target.width())
        }).animate({
            left: 0
        }, 500);
    }
});

}）;

我想通过以下方式点击各自的链接来动画3个div：

目标2应该是页面加载的默认值（直截了当！）
单击目标1的链接应始终从目标1滑入从左到右
点击目标3的链接应始终从目标3滑入从右到左

试过但没有成功。请帮忙！ :) -Deepa

JQuery通过点击相应的链接为左边和右边的相邻div设置动画

0 个答案: