Silahkan lihat kode scriptnya di bawah ini :
<html lang="en">
<head>
<title>jQuery UI Accordion - Default functionality</title>
<link href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" rel="stylesheet"></link>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link href="/resources/demos/style.css" rel="stylesheet"></link>
<script>
$(function() {
$( "#accordion" ).accordion();
});
</script>
</head>
<body>
<div id="accordion">
<h3>
Section 1</h3>
<div>
menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang pertama, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang pertama, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang pertama, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang pertama
<br />
</div>
<h3>
Section 2</h3>
<div>
menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang kedua, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang kedua,menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang kedua,menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang kedua,menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang kedua
<br />
</div>
<h3>
Section 3</h3>
<div>
menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang ketiga, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang ketiga, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang ketiga, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang ketiga, menu ini dapat ditulis dengan teks apa saja sesuai keinginan anda, dan ini yang ketiga,
<br />
<ul>
<li>List item pertama</li>
<li>List item kedua</li>
<li>List item ketiga</li>
</ul>
</div>
<h3>
Section 4</h3>
<div>
ini menu yang keempat di baris yang pertama, anda dapat menuliskannya disini
<br />
ini menu yang keempat di baris yang kedua, anda dapat menuliskannya disini
<br />
</div>
</div>
</body>
</html>
Selamat Mencoba...!!!
0 Comment:
Posting Komentar