Home - Ganpatkakar/Custom-Tabs-Accordion GitHub Wiki

<title>Javascript Tabs Accorion</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script src="scritptabs.js"></script> 
<div class="container">
	<div class="row">

		<div class="tablinks">
			<ul class="tab">
			  <li><a href="#about">About JavaScript tabs</a></li>
			  <li><a href="#advantages">Advantages of tabs</a></li>
			  <li><a href="#usage">Using tabs</a></li>
			</ul>
		</div>
		<div class="tabcon">
			<div class="content" id='about'>
				<h4>This is the first tab</h4>
				<p>Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.</p>
			</div>
			<div class="content" id='advantages'>
				<h4>This is the second tab</h4>
				<p>This is the 2nd tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.</p>
			</div>
			<div class="content" id='usage'>
				<h4>This is the third tab</h4>
				<p>And this is the 3rd tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.</p>
			</div>
		</div>
	</div>
</div>


	<div class="container">
		<div class="row">

			<div class="accordians">
				<div class="accordian-section">	
					<a href="#acc1">About JavaScript tabs</a>
					<div class="content" id='acc1'>
						<p>Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.</p>
					</div>
				</div>

				<div class="accordian-section">	
					<a href="#acc2">Advantages of tabs</a>
					<div class="content" id='acc2'>
						<p>This is the 2nd tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.</p>
					</div>
				</div>

				<div class="accordian-section">	
					<a href="#acc3">Using tabs</a>
					<div class="content" id='acc3'>
						<p>And this is the 3rd tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab.Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab. Hi, this is the first tab.</p>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
⚠️ **GitHub.com Fallback** ⚠️