html jQuery.Tabs

Posted 2021-05-11

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;
});

<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>