Как создать группу в слайде?

Question

[Саша Негруца]

У меня есть слайдер bxslider.com/examples/thumbnail-pager-1
.

<ul class="bxslider">
						<li><img src="http://placehold.it/600x300" title="Текс 1" /></li>
						<li><img src="http://placehold.it/600x300" title="Текс 2"/></li>
						<li><img src="http://placehold.it/600x300" title="Текс 3"/></li>
						<li><img src="http://placehold.it/600x300" title="Текс 4"/></li>
					</ul>
						<div id="bx-pager">
					 	 <a data-slide-index="0" href="" class="btn_1 gr1"><img src="http://placehold.	it/100x100" /></a>
					 	 <a data-slide-index="1" href="" class="gr1"><img src="http://placehold.it/100x100" /></a>
					  	<a data-slide-index="2" href="" class="gr1"><img src="http://placehold.it/100x100" /></a>
</div<b></b>>

И я задал всем классы , и в скрипте написал

$(document).ready(function() {
$(".btn_1").click(function() {
		$(".gr1").next().slideToggle();
	});

все ОК но когда я хочу создать 2 группу то пишу так

<div id="bx-pager">
					 	 <a data-slide-index="0" href="" class="btn_1 gr1"><img src="http://placehold.	it/100x100" /></a>
					 	 <a data-slide-index="1" href="" class="gr1"><img src="http://placehold.it/100x100" /></a>
					  	<a data-slide-index="2" href="" class="gr1"><img src="http://placehold.it/100x100" /></a>
					  	<a data-slide-index="3" href="" class="btn_2 gr2"><img src="http://placehold.it/100x100" /></a>
					  	<a data-slide-index="4" href="" class="gr2"><img src="http://placehold.it/100x100" /></a>
					  	<a data-slide-index="5" href="" class="gr2"><img src="http://placehold.it/100x100" /></a>
						</div>

и в скрипте так

$(document).ready(function() {
$(".btn_1").click(function() {
		$(".gr1").next().slideToggle();
	});
	$(".btn_2").click(function() {
		$(".gr2").next().slideToggle();
	});

но у меня получается что 2 группа в 1 группе

Answer 1

[kapitansen]

У Вас параметрами data-slide-index="..." все равно получается одна группа. Без переписывания bxslider не получится сделать так, как Вы хотите.

Comments

[Саша Негруца]

у меня получилось создать 2 группы по менял id bx-pager на class . и создал 2 bx-pager с таким же классом . Но когда открываю то обе группы активны то есть открыты .....