Accordion ẩn hiện
Accordion ẩn hiện
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery AddAccordion Plugin Demo</title>
<link rel='stylesheet' href='http://www.jqueryscript.net/demo/Smooth-Configurable-jQuery-Accordion-Plugin-AddAccordion/AddAccordion.css' />
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>if(typeof($add)=="undefined")var $add={version:{},auto:{disabled:false}};</script>
<script src='http://www.jqueryscript.net/demo/Smooth-Configurable-jQuery-Accordion-Plugin-AddAccordion/AddAccordion.js'></script>
<style>
body { background-color:#009688; font-family:'Roboto'; color:#fff;}
</style>
</head>
<body>
<h1 style="margin:20px auto 20px auto;">jQuery AddAccordion Plugin Demo</h1>
<div data-addui='accordion'>
<div role='header'>Section 1</div>
<div role='content'><p>Section 1 Content</p></div>
<div role='header'>Section 2</div>
<div role='content'><p>Section 2 Content</p></div>
<div role='header'>Section 3</div>
<div role='content'><p>Section 3 Content</p></div>
<div role='header'>Section 4</div>
<div role='content'><p>Section 4 Content</p></div>
<div role='header'>Section 5</div>
<div role='content'><p>Section 5 Content</p></div>
<div role='header'>Section 6</div>
<div role='content'><p>Section 6 Content</p></div>
</div>
</body>
</html>