Есть такая конструкция
<a href="#" class="first"></a>
<a href="#" class="second"></a>
<ul>
<li></li>
<li></li>
...
</ul>
Нужно написать скрипт, который, после клика по a.second, если количество li>8 и <=16 добавлял li стиль уменьшал left для li на 100%. Если li>16 и <=24 - ещё на 100%.
То есть в самом начале имеется li{left: 0;}. Если элементов i 10(например) и мы кликаем по .second из left должно вычитаться 100%.
При клике на prev - left увеличивается на 100%, пока не достигнет 0.
У самого навыки в js чуть больше нуля. Прошу помочь