Почему неккоректно работает слайдер?

ссылка на песочницу https://codepen.io/liptonicetea/pen/ggxREm
в чем суть:
на слайдере есть 5 страниц, каждая страница это ссылка.
При нажатии на страницу она должна перенаправлять на свою собственную ссылку.

<ul class="sim-slider-list">
<li style="height: 300px; width: 100%;"></li> <!-- это экран -->
<a href="table/link-1/link-1.html" class="slim-slider-link"><li class="sim-slider-element">1<img class="slim-slider-img" src="" alt=""></li></a>
<a href="table/link-2/link-2.html" class="slim-slider-link"><li class="sim-slider-element">2<img class="slim-slider-img" src="" alt=""></li></a>
<a href="table/link-3/link-3.html" class="slim-slider-link"><li class="sim-slider-element">3<img class="slim-slider-img" src="" alt=""></li></a>
<a href="table/link-4/link-4.html" class="slim-slider-link"><li class="sim-slider-element">4<img class="slim-slider-img" src="" alt=""></li></a>
<a href="table/link-5/link-5.html" class="slim-slider-link"><li class="sim-slider-element">5<img class="slim-slider-img" src="" alt=""></li></a>
</ul>

HTML

<ul class="sim-slider-list">

                              <li  style="height: 300px; width: 100%;"></li> <!-- это экран -->

                              <a href="table/link-1/link-1.html" class="slim-slider-link"><li class="sim-slider-element">1<img class="slim-slider-img"  src="" alt=""></li></a>

                              <a href="table/link-2/link-2.html" class="slim-slider-link"><li class="sim-slider-element">2<img class="slim-slider-img"  src="" alt=""></li></a>

                              <a href="table/link-3/link-3.html" class="slim-slider-link"><li class="sim-slider-element">3<img class="slim-slider-img"  src="" alt=""></li></a>

                              <a href="table/link-4/link-4.html" class="slim-slider-link"><li class="sim-slider-element">4<img class="slim-slider-img"  src="" alt=""></li></a>

                              <a href="table/link-5/link-5.html" class="slim-slider-link"><li class="sim-slider-element">5<img class="slim-slider-img"  src="" alt=""></li></a>   

                            </ul>

Ошибка:
при нажатии на любую страницу , они перенаправляют на последний слайд

Помогите пж