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

Переход на нужную вкладку таба по href
Приветствую!

На странице есть блок с вкладками. Нужно на этой же странице разместить ссылку, за пределами блока с табами, выше блока с табами, и по клику по этой ссылке, переходить во второй таб.
Можете помочь дописать скртипт, чтобы ссылка работала?
Заранее спасибо откликнувшимся.

Ссылка выше блока с табами:
<a href="#dsGoods2">Ссылка на таб2</a>


Блок с табами:
<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>


// таб1 - показывает по умолчанию
	$('#tab1').click(function(){
		$('.bd').css('display','none');
		$('#dsGoods1').css('display','');
		$('.hd').css('display','none');
	});
	// Нажмите на таб2, чтобы скрыть другую вкладку и их строку заголовка.
	$('#tab2').click(function(){
		$('.bd').css('display','none');
		$('#dsGoods2').css('display','');
		$('.hd').css('display','none');
	});
	// Нажмите на таб3, чтобы скрыть другую вкладку и их строку заголовка.
	$('#tab3').click(function(){
		$('.bd').css('display','none');
		$('#dsGoods3').css('display','');
		$('.hd').css('display','none');
	});
Ответить с цитированием