Html Slide Show

Letakkan kode berikut di widget. Edit judul yang diperlukan 😆

<!doctype html> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="/resources/demos/style.css" /> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script> $( function() { var icons = { header: "ui-icon-circle-arrow-e", activeHeader: "ui-icon-circle-arrow-s" }; $( "#accordion" ).accordion({ icons: icons }); $( "#toggle" ).button().on( "click", function() { if ( $( "#accordion" ).accordion( "option", "icons" ) ) { $( "#accordion" ).accordion( "option", "icons", null ); } else { $( "#accordion" ).accordion( "option", "icons", icons ); } }); } ); </script> <div id="accordion"> <h3>Lagu/Musik</h3><div> </div><h3>Keagenan Tiket</h3><div> <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p></div><h3>Bukopin PPOB</h3><div> <p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui. </p><ul><li>List item one</li><li>List item two</li><li>List item three</li></ul></div><h3>Web Blog</h3><div> <p><ul><li>Home </li><li>Google Breadcrumb </li><li>Sitemap </li><li>Ping Service </li><li>Title H1 Ceck </li></ul></p></div></div><button id="toggle">Ganti Tampilan</button> </!doctype>

Thanks for reading Html Slide Show | Tags: Internet

Html Slide Show

Related Posts

0 komentar on Html Slide Show

Posting Komentar