1 つのページには、いくつかの div を含むスライダーがあります。別のページには、多数の div があります。最初のページで特定の div をクリックすると、ユーザーが対応するスライダー div にリンクされるようにするにはどうすればよいですか? 今、すべてが「ContentBox1」で始まります。また、css を「left: 0;」にして初期化しました。
スライダー ページの HTML:
<div id="Content">
<div id="ContentBox1" class="active">
<div id="ContentBox2" ></div>
<div id="ContentBox3" ></div>
<div id="ContentBox4" ></div>
</div>
これがSlider JSです - 別のメニュー矢印divのクリックで動作します:
var $target = $($('.active').next());
$('.active').each(function (index, self) {
var $this = $(this);
$this.removeClass('active').animate({ left: -($this.width()) }, 750);
});
$target.addClass('active').css({ left: ($target.width()) }).animate({ left: 0 }, 500);