Не срабатывает переключатель checked

Руслан Абсалямов

У меня не корректно работает слайдер на сайте у меня не переключается checked подскажите пожалуйста, где я упустил ошибку
```
<div class="sliderA">
<input type="radio" name="slider1" td="slider1_1" checked="checked">
<label for="slider1_1"></label>
<div>
<img src="/shop/images/slider/1.jpg">
</div>
<label for="slider1_2"></label>

<input type="radio" name="slider2" td="slider1_2">
<label for="slider1_2"></label>
<div>
    <img src="/shop/images/slider/2.jpg">
</div>
<label for="slider1_3"></label>

<input type="radio" name="slider3" td="slider1_3">
<label for="slider1_3"></label>
<div>
    <img src="/shop/images/slider/3.jpg">
</div>
<label for="slider1_1"></label>

</div>


.sliderA {
width: 99.88%;
height: 350px;
border: 1px solid #888;
position: relative;
text-align: center;
}
.sliderA input
{
display: none;
}
.sliderA input + label
{
display: inline-block;
width: 10px;
height: 10px;
border-radius: 8px;
background: rgba(90, 90, 90, 0.8);
border: 2px solid rgba(190, 190, 190, 0.8);
cursor: pointer;
z-index: 100;
position: relative;
margin-right: 4px;
top: 90%;
transition: background 0.8s ease-out 0s;
}

.sliderA input + label:hover
{
background: rgba(250, 250, 250, 0.8);
}

.sliderA input:checked + label
{
background: rgba(220, 220, 220, 0.8);
}
.sliderA div
{
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 0;
visibility: hidden;
opacity: 0;
transition: opacity 0.8s ease-out 0.1s, visibility 0.1s ease-out 0.9s;
}

.sliderA input:checked + label + div
{
visibility: visible;
opacity: 1;
transition: opacity 0.8s ease-out 0.1s, visibility 0.1s ease-out 0s;
}
```

Руслан Абсалямов около 1 года назадСпасибо 0
1 чел.