Ссылка на таб. как изменить класс тэга Li

[denvut]

Доброго времени суток! Подскажите пожалуйста как реализовать следующее

есть табшилд сформированный из двух списков - один соответственно меню, второй содержит контент

у отображаемого активного табшилд у тега li стоит класс = active

возникла потребность на каждый табшилд повесить по внешней ссылке другого меню.

Я так понимаю это возможно сделать только изменив класс тэга <Li> для неактивного табшилда на active

Подсажите как должен выглядеть пример скрипта?

[denvut]

Вот мой код:

<script type='text/javascript'>
$(document).ready(function(){
$('#side-right .widget1').hide();
$('#side-right .widget1:first').show();
$('.side-right-navigation ul li:first').addClass('selected');
$('.side-right-navigation ul li').click(function(){
$('.side-right-navigation ul li').removeClass('selected');
$(this).addClass('selected');
$('#side-right .widget1').hide();
$('#side-right .widget1').eq($('.side-right-navigation ul li').index(this)).fadeIn(500);
});
});
</script>

Это был скрипт.

А само меню вот:

<aside id="side-right">
		    <nav class="side-right-navigation clearfix">
						 <ul>
							 <li class='tab1'><a href="#1">Punkt0</a></li>
							 <li class='tab2'><a href="#2">Punkt1</a></li>
							 <li class='tab3'><a href="#3">Punkt2</a></li>
							    <li class='tab4'><a href="#4">Punkt3</a></li>
						 </ul>
					  </nav>
			    /*  наполнение пунктов меню:  */	 
							 <ul class="side-right-navigation">
							  <li class="widget1">
								   <div class="side-side-form-item">1</div>
								 </li>
<li class="widget1">
								   <div class="side-side-form-item">2</div>
								 </li>

Как мне сделать ссылку c другого места страницы например на Punkt3 ?

Заранее спасибо за советы!

[denvut]

НУ хотя бы ссылочку что почитать в этом направлении что не искал все не то

[klierik]

табшилд

А этот термин что значит?

Я честно пытался понять задачу, но написаннои составленно так, что вообще ничего не понял

[denvut]

Извиняюсь за косноязычность сам щас перечитываю думаю что за бред наваял, попробую проще описать задачку:

я взял за основу вот этот мануал http://amateurblogger.ru/kak-sdelat-menyu-s-vkladkami-tab-tab-menyu/

для создания меню с tab - вкладками

Все отлично работает.

Но появилась задача сделать дополнительные ссылки на каждую таб-вкладку в отдельности, вот как это реализовать я и не знаю.

[klierik]

Но появилась задача сделать дополнительные ссылки на каждую таб-вкладку в отдельности, вот как это реализовать я и не знаю.

<a href="#tab_ID">link text </a>

вот тебе ссылка на Таб.

[denvut]

Но появилась задача сделать дополнительные ссылки на каждую таб-вкладку в отдельности, вот как это реализовать я и не знаю.

<a href="#tab_ID">link text </a>

вот тебе ссылка на Таб.

не работает. Может я не догоняю, можно пример

[klierik]

та я бы с удовольствием, еслибы понимал что должно быть в конечном итоге.

выложи демо код на jsfiddle.net и скажи что имнено не получается

[denvut]

http://jsfiddle.net/denvut/RbGfL/

вот сылочка.

ссылка которая должна открывать пункт меню первой написана.

Кстати спасибо за сервис!

[hypnocolor]

Мне бы очень хотелось основательно помочь с подробным примером, но сейчас в Магадане 2 часа ночи, поэтому я просто подскажу направление.

Копайте в сторону window.location.hash — это та часть URL, которая идёт после знака #. При загрузке страницы проверяйте яваскриптом, присутствует ли сейчас в адресе хэш, и в зависимости от того, чему он равен, сразу показывайте содержимое нужного таба. Можно сделать по-разному: например, работать с хэшами вида #1, #2, #3 и открывать табы с соответствующими индексами. Или же присвоить каждому табу свой идентификатор и проверять хэш на совпадение с любым из них. В общем, насколько позволит фантазия.

Если всё равно не сможете осилить — завтра вечером (утром по Москве) постараюсь накидать наглядный пример.

Edited May 29, 2013 by hypnocolor

[hypnocolor]

Собственно, набросал пример. Для наглядности сначала просто покликайте по ссылкам, а потом пооткрывайте их в новых вкладках браузера.

В коде скрипта есть комментарии. Надеюсь, будет понятно.

[denvut]

Hypnocolor, СПАСИБО! ВЫ ГЕНИЙ!