Как дублировать поведение меню на jQuery?

02.08.19 19:52:13 02.08.19 19:58:57 68

Как дублировать поведение меню на jquery - при main и side одинаковых меню, например

<!--функция index() вернет порядковый номер элемента в списке, а eq(n) получит n-ый элемент списка как jquery объект--> <script> $(".jsNav").click(function() { $('li').removeClass('active'); $(this).closest('li'); var index = $(this).parents("li").index(); $('.string-menu li').eq(index).addClass('active'); $('.bullet-menu li').eq(index).addClass('active'); }); </script> <style> .active a { color: red; } </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <ul class='string-menu'> <li class='active'> <a class='jsNav' href='#block1'>Пункт 1</a> </li> <li> <a class='jsNav' href='#block1'>Пункт 2</a> </li> </ul> <ul class='bullet-menu'> <li class='active'> <a class='jsNav' href='#block1'>sfdsdfsdf</a> </li> <li> <a class='jsNav' href='#block1'>sdfsfsf</a> </li> </ul>