How to correctly implement Slick slider instead of menu items in tabs (due to clones, the slider index gets lost)?

Question

css

When I remove the slider everything works correctly (the code for the tabs is correct). However, the slider creates clones and the number of slide items, of course, increases, which is why the tabs do not work correctly.
Which way to look? How to solve this problem?
https://jsfiddle.net/5ox31m2a/1307/

Answer 1

.index()replace with.attr('index')

Answer 2

Slick Has a Slider Syncing Mode