zfort-fe
8/29/2017 - 11:17 AM

jQuery.Tabs

jQuery.Tabs

<div class="tabs-wrapper">
	<div class="tabs">
	        <span class="tab active" data-id="1" >1 квітня</span>
	        <span class="tab" data-id="2">2 квітня</span>
	</div>
	<div class="tab_content">
		<div class="tab-item active-tab" id="1">
		</div>
	</div>
</div>

link(google.com) ###Title

$('.tabs-wrapper .tab').on('click', function(event) {
  var id = $(this).attr('data-id');
	$('.tabs-wrapper').find('.tab-item').removeClass('active-tab').hide();
	$('.tabs-wrapper .tabs').find('.tab').removeClass('active');
	$(this).addClass('active');
	$('#'+id).addClass('active-tab').fadeIn();
	return false;
});