jQuery Custom nav Tabs

nav Tabs.html

<div class="row">
	<div class="col-md-6">
		<div id="tabs-content">
			<div id="tab1" class="tab-content">
				<h2>a/h2>
			</div>
			<div id="tab2" class="tab-content">
				<h2>TAB CONTENT</h2>
			</div>
			<div id="tab3" class="tab-content">
				<h2>TAB CONTENT</h2>
			</div>
			<div id="tab4" class="tab-content">
				<h2>TAB CONTENT</h2>
			</div>
			<div id="tab5" class="tab-content">
				<h2>TAB CONTENT</h2>
			</div>
			<div id="tab6" class="tab-content">
				<h2>TAB CONTENT</h2>
			</div>
		</div>
	</div>
	<div class="col-md-6">
		<div class="nav-tabs-title" id="tabs-nav">
			<a href="#tab1">Take at least 5 photos of your car damage.</a>
		</div>
		<div class="nav-tabs-title" id="tabs-nav">
			<a href="#tab2">Take at least 5 photos of your car damage.</a>
		</div>
		<div class="nav-tabs-title" id="tabs-nav">
			<a href="#tab3">Take at least 5 photos of your car damage.</a>
		</div>
		<div class="nav-tabs-title" id="tabs-nav">
			<a href="#tab4">Take at least 5 photos of your car damage.</a>
		</div>
		<div class="nav-tabs-title" id="tabs-nav">
			<a href="#tab5">Take at least 5 photos of your car damage.</a>
		</div>
		<div class="nav-tabs-title" id="tabs-nav">
			<a href="#tab6">Take at least 5 photos of your car damage.</a>
		</div>
	</div>
</div>

scripts.js

	// Show the first tab and hide the rest tabs
	$('#tabs-nav :first-child').addClass('active');
	$('.tab-content').hide();
	$('.tab-content:first').show();

	// Click function
	$('#tabs-nav ').click(function(){
	  $('#tabs-nav ').removeClass('active');
	  $(this).addClass('active');
	  $('.tab-content').hide();
	  
	  var activeTab = $(this).find('a').attr('href');
	  $(activeTab).fadeIn();
	  return false;
	});