Показать сообщение отдельно
  #14 (permalink)  
Старый 06.01.2021, 20:03
Профессор
Отправить личное сообщение для Vaska Посмотреть профиль Найти все сообщения от Vaska
 
Регистрация: 08.05.2017
Сообщений: 178

Обновлю тему.

Это табы:
<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.
Что я делаю не так?
Ответить с цитированием