Обновлю тему.
Это табы:
<div>
<div>
<div>
<ul>
<li class="current"><a id="tab1" href="#tab1">таб1</a></li>
<li><a id="tab2" href="#tab2">таб2</a></li>
<li><a id="tab3" href="#tab3">таб3</a></li>
</ul>
</div>
</div>
<div>
<div class="content bd" id="dsGoods1">
<div class="dss-goods-info-content">
Содержание вкладки 1
</div>
</div>
</div>
<div>
<div class="dss-goods-title-bar hd" style="display: none">
<h4><a href="javascript:void(0);">таб2</a></h4>
</div>
<div class="dss-goods-info-content bd" id="dsGoods2" style="display: none">
Содержание вкладки 2
</div>
</div>
<div>
<div class="dss-goods-title-bar hd" style="display: none">
<h4><a href="javascript:void(0);">таб3</a></h4>
</div>
<div class="dss-goods-info-content bd" id="dsGoods3" style="display: none">
Содержание вкладки 3
</div>
</div>
</div>
Это скрипт, который переключает тайтлы табов, присваивает для тайтла, тегу li класс current:
$('#categorymenu').on('click', 'li', function() {
$('#categorymenu li').removeClass('current');
$(this).addClass('current');
});
На той же странице сделал меню:
<div class="tab-bar">
<ul id="hiddenmenu" class="tab-lists">
<li class="active">
<div>
<a id="hidGoods1" href="#dsGoods1">title 1</a>
</div>
</li>
<li class="">
<div>
<a id="hidGoods2" href="#dsGoods2">title 2</a>
</div>
</li>
<li class="">
<div>
<a id="hidGoods3" href="#dsGoods3">title 3</a>
</div>
</li>
</ul>
</div>
Это скрипт, который по клику в Меню - переключает тайтлы в Табах, хорошо работает:
$('[href="#dsGoods1"]').click(() => $('#tabGoods1').click());
$('[href="#dsGoods2"]').click(() => $('#tabGoods2').click());
$('[href="#dsGoods3"]').click(() => $('#tabGoods3').click());
});
Добавил скрипт, который должен по клику на тайтле меню - переключать тайтл в меню и присваивать тегу li class active, хорошо работает:
$('#hiddenmenu').on('click', 'li', function() {
$('#hiddenmenu li').removeClass('active');
$(this).addClass('active');
});
Теперь нужно сделать скрипт, который будет по клику
по тайтлу Таба - переключать
тайтл Меню. Нужно же, чтобы и у тайтла меню и у тайтла вкладок были одинаковые тайтлы при переключении тайтла в табе или в меню.
Написал такой скрипт:
$('#categorymenu').on('click', 'li', function() {
$('#hiddenmenu li').removeClass('active');
$(this).addClass('active');
});
Скрипт работает на половину. Кликая по тйтлу таба - удаляется active у тайтла меню, но не присваивается другому тайтлу меню. В то же время, у тайтла таба присваивается current.
Что я делаю не так?