Now I have two list:
<ul class="first">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
<ul class="second">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
I want result: when I click on e.g. ul.fist > li (second child) > a, disable click/redirect to link, but, add two different class one for ul.second li (first child), other for ul.second li (third child). If I click on ul.fist > li (third child) the add class to ul.second li (first child) and ul.second li (fourth child), etc.
eg.
<ul class="first">
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li> <<-- click there, disable link
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>
<ul class="second">
<li><a href="#">menu item</a></li> <<-- add class firstclass
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li> <<-- add class secondclass
<li><a href="#">menu item</a></li>
<li><a href="#">menu item</a></li>
</ul>