Untuk postingan blog anda harus memasukkannya dalam mode html begitupun dalam widget cari widget html di blog anda
Silahkan lihat kode scriptnya di bawah ini :
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Tabs - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<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 rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
</head>
<body>
<div id="tabs">
<ul>
<li><a href="#tabs-1">Tab pertama</a></li>
<li><a href="#tabs-2">Tab kedua</a></li>
<li><a href="#tabs-3">Tab ketiga</a></li>
</ul>
<div id="tabs-1">
<p>Isi tab yang pertama</p>
</div>
<div id="tabs-2">
<p>Isi tab yang kedua</p>
</div>
<div id="tabs-3">
<p>Isi tab yang ketiga baris pertama</p>
<p>Isi tab yang ketiga baris yang kedua</p>
</div>
</div>
</body>
</html>
Thanks to : jqueryui.com
Selamat Mencoba...!!!
0 Comment:
Posting Komentar