Tabs

tab.html

<ul class="tabs-item">
			<li class="active"></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
		<div class="tabs-content-wrap">
			<div class="tab-content-item">
				
			</div>
			<div class="tab-content-item">
				
			</div>
			<div class="tab-content-item">
				
			</div>
			<div class="tab-content-item">
				
			</div>
		</div>

tab.js

$(".tabs-item li").on("click", function(){
		let idx = $(this).index();

		$(".tabs-item li").removeClass("active");
		$(this).addClass("active");

		$(".tab-content-item").hide();

		$(".tab-content-item").eq(idx).show();

	});