Почему при нажатии на кнопку не меняется слайд?

Question

[Evgeniy]

Добрый день. Пытаюсь написать свой слайдер. Помогите его закончить

$(".clients__slider").hide();
                $i = 1;
                if($(".clients__slider").hasClass($i)){
                    $class = ".clients__slider" + "." + $i;
                    $($class).show();
                };
                $(".button.right").click(
                    function(){
                        $i++;
                    }
                )

<div class="clients">
                    <h2 class="clients__title">Наши клиенты - наша гордость</h2>
                    <div class="clients__sliders">
<div class="clients__slider 1"></div>
<div class="clients__slider 2"></div>
</div>
<div class="clients__index">
                        <button class="button left"><img src="img/left.png" alt="left"></button>
                        <button class="button right"><img src="img/right.png" alt="right"></button>
                    </div>

Проблема заключается в том что при нажатии на button меняется переменная $i но блок остается прежним. Как можно то изменить?

Answer 1

[WapSter]

Скопировать код с условием в click ниже $i++

Comments

[Evgeniy]

Спасибо за ответ, но при таком раскладе при нажатии будет показываться 2-ой слайд, а без нажатия вообще ничего не покажет

[Шохрух Шаймардонов]

Евдоким, может стоит
Это
$class = ".clients__slider" + "." + $i;
Заменить на
$class = ".clients__slider" + " ." + $i;

[WapSter]

Евдоким,

$(".clients__slider").hide();
                $i = 1;
                if($(".clients__slider").hasClass($i)){
                    $class = ".clients__slider" + " ." + $i;
                    $($class).show();
                };
                $(".button.right").click(
                    function(){
                        $i++;
                         if($(".clients__slider").hasClass($i)){
                              $class = ".clients__slider" + " ." + $i;
                             $($class).show();
                };
                    }
                )