Показать сообщение отдельно
  #1 (permalink)  
Старый 12.04.2017, 18:16
Аспирант
Отправить личное сообщение для dezytube Посмотреть профиль Найти все сообщения от dezytube
 
Регистрация: 16.06.2015
Сообщений: 34

как сделать вперед, назад в табах?
Привет, кто знает как сделать в табах Вперед назад?
Например есть код..

$(document).ready(function() { 

	(function ($) { 
		$('.tab ul.tabs').addClass('active').find('> li:eq(0)').addClass('current');
		
		$('.tab ul.tabs li a').click(function (g) { 
			var tab = $(this).closest('.tab'), 
				index = $(this).closest('li').index();
			
			tab.find('ul.tabs > li').removeClass('current');
			$(this).closest('li').addClass('current');
			
			tab.find('.tab_content').find('div.tabs_item').not('div.tabs_item:eq(' + index + ')').slideUp();
			tab.find('.tab_content').find('div.tabs_item:eq(' + index + ')').slideDown();
			
			g.preventDefault();
		} );

	})(jQuery);

});


<div class="tab">

	<ul class="tabs">
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
	</ul> <!-- / tabs -->

	<div class="tab_content">
		<div class="tabs_item">
			<button>Назад</button>
			<p>Контент</p>
			<button>Вперед</button>
		</div>
		<div class="tabs_item">
			<button>Назад</button>
			<p>Контент</p>
			<button>Вперед</button>
		</div>
		<div class="tabs_item">
			<button>Назад</button>
			<p>Контент</p>
			<button>Вперед</button>
		</div>
	</div>
</div>
Ответить с цитированием