Показать сообщение отдельно
  #3 (permalink)  
Старый 03.10.2014, 10:53
Новичок на форуме
Отправить личное сообщение для papacoca Посмотреть профиль Найти все сообщения от papacoca
 
Регистрация: 06.08.2014
Сообщений: 9

Нужно по ссылке <a href="#taboo1"> активировать (кликнуть) 1-ый таб (вкладку),
<a href="#taboo2"> активировать 2-ой таб,
<a href="#taboo3"> активировать 3-ий таб,
И так 7-мь табов .

Упростил:

<script>
(function($) {
$(function() {

	$('a[href*=#taboo]').click(function() {
		var tabIndex = $(this).attr('href').replace(/(.*)#taboo/, '')-1;
		$('ul.option-set li').eq(tabIndex).click();
	});

})
})(jQuery)
		</script>
<!-- Ссылки -->
<a href="#taboo1">АКТИВИРОВАТЬ 1 ТАБ</a>
<a href="#taboo2">АКТИВИРОВАТЬ 2 ТАБ </a>
<!-- 7-мь табов -->
                                <section id="options" class="clearfix">
                                    <ul id="filters" class="option-set" data-option-key="filter">	
	<li><a href="#filter" data-option-value=".vse" class="selected boxShadow4 b1">1-ый ТАБ</a></li>
	<li><a href="#filter" data-option-value=".virus" class="boxShadow4 b25">2-ой ТАБ</a></li>
	<li><a href="#filter" data-option-value=".windows" class="boxShadow4 b25 b10">3-ий ТАБ</a></li>
	<li><a href="#filter" data-option-value=".design" class="boxShadow4 b25">4-ый ТАБ</a></li>
	<li><a href="#filter" data-option-value=".usl3" class="boxShadow4 b25">5-ый ТАБ</a></li>
	<li><a href="#filter" data-option-value=".art" class="boxShadow4 b25">6-ой ТАБ</a></li>
	<li><a href="#filter" data-option-value=".vostan" class="boxShadow4 b25">7-ой ТАБ</a></li>
                                    </ul>
                                </section>

Последний раз редактировалось papacoca, 03.10.2014 в 12:22. Причина: Упростил
Ответить с цитированием