Sequence - nonlinear/tangle GitHub Wiki
user defines sequence limit on trigger, like: .aaa-seq12
and each time it's clicked, alternate between the classes below on .aaa-target
:
-
.aaa-active1
, - then
.aaa-active2
, - till
.aaa-activeN
, - then no active class at all
- then back to
.aaa-active1
in loop.
bonus points: if user doesn't define number, it automatically calculates from children objects, like:
<ul class="aaa-target">
<li>content</li>
<li>content</li>
<li>content</li>
</ul>
<a href="#" class="aaa-seq">content</a>
sequence is 3, because ul.aaa-target
has 3 (li
) children.