Accordion Archives - Codeplaners https://codeplaners.com/tag/accordion/ Code Solution Thu, 20 May 2021 23:26:12 +0000 en-US hourly 1 https://wordpress.org/?v=6.1.7 https://codeplaners.com/wp-content/uploads/2020/09/cropped-favicon-social-32x32.png Accordion Archives - Codeplaners https://codeplaners.com/tag/accordion/ 32 32 Accordion example with demo using jquery ui https://codeplaners.com/accordion-example-with-demo-using-jquery-ui/ https://codeplaners.com/accordion-example-with-demo-using-jquery-ui/#respond Thu, 20 May 2021 23:26:12 +0000 https://codeplaners.com/?p=785 Hello Dev, Today, i we will show you Accordion example with demo using jquery ui. This article will give you simple example of Accordion example with demo using jquery ui. you will learn Accordion example with demo using jquery ui. So let’s follow few step to create example of Accordion example with demo using jquery … Continue reading "Accordion example with demo using jquery ui"

The post Accordion example with demo using jquery ui appeared first on Codeplaners.

]]> Hello Dev,

Today, i we will show you Accordion example with demo using jquery ui. This article will give you simple example of Accordion example with demo using jquery ui. you will learn Accordion example with demo using jquery ui. So let’s follow few step to create example of Accordion example with demo using jquery ui.

<html lang="en">
<head>
  <title>Accordion example with demo using jquery ui - codeplaners</title>
  <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
</head>
<body>


<div id="myaccordion">


	<!-- accordion 1 -->
	<h2>My Accordion</h2>
	<div>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>


	<!-- accordion 2 -->
	<h2>My Accordion 2</h2>
	<div>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>


	<!-- accordion 3 -->
	<h2>My Accordion 3</h2>
	<div>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>


	<!-- accordion 4 -->
	<h2>My Accordion 4</h2>
	<div>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
		tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
		quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
		consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
		cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
		proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	</div>


</div>


<script type="text/javascript">
	$(document).ready(function() {
	    $( "#myaccordion" ).accordion();
	});
</script>


</body>
</html>

The post Accordion example with demo using jquery ui appeared first on Codeplaners.

]]> https://codeplaners.com/accordion-example-with-demo-using-jquery-ui/feed/ 0