Показать сообщение отдельно
  #1 (permalink)  
Старый 18.06.2012, 14:33
Интересующийся
Отправить личное сообщение для obscurant Посмотреть профиль Найти все сообщения от obscurant
 
Регистрация: 18.06.2012
Сообщений: 16

вкладки на tytabs
Добрый день.
Сделал вкладки на tytabs. Все работает нормально, но понадобилось прикрутить одну вещь - никак не могу...
Нужно включать/выключать один див-блок вместе с вкладками, т.е. если первая вкладка активна - див-блок включен (display:block), если активна любая другая вкладка - блок выключен (display:none).

вот код:

<script type="text/javascript" src="java/tytabs.jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	var tabContainers = $('.tabs-container > div');
		
	tabContainers.hide().filter(':first').show();

	$('ul.tabs-navigation li a').click(function(){
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		$('ul.tabs-navigation a').parent('li').removeClass('selected');
		$(this).parent('li').addClass('selected');
		return false;
		}).filter(':first').click();
	
	
	function pressNextTab(){
		if ($('ul.tabs-navigation li.selected').hasClass('last')){
			$('ul.tabs-navigation li:first').find('a').trigger('click');
			}else{
				$('ul.tabs-navigation li.selected').next('li').find('a').trigger('click');
				}
		}
	$('ul.tabs-navigation li:last').addClass('last');
	var int = setInterval(pressNextTab, 5000);
	});
</script>


код в html

<div id="tabs">
    <ul class="tabs-navigation">
        <li><a href="#tab-1">Описание</a></li>
        <li><a href="#tab-2">Дополнения</a></li>
        
    </ul>
    <div class="tabs-container">
        <div id="tab-1">
        '.$content.'    
        </div>
        <div id="tab-2">
'.$dop.'
        </div>
        
    </div>
</div>


ну и блок, который нужно подцеплять к переключению <div class="dop_foto">
Вроде должно быть не сложно, но не силен в jQuery
Ответить с цитированием