tutorial ni request dari aina
nak tahu apa itu jquery tab menu accordian?
1. DASHBOARD - LAYOUT - ADD GADJET - HTML/JAVASCRIPT
2. copy dan paste code dekat bawah ni dan letak dlm HTML/JAVASCRIPT
<style type="text/css">h5 {font-family: trebuchet-ms, arial, tahoma;font-size: 13px;padding: 0 0 1em;font-weight:bold;color: #000000;}.msg_list {list-style: none;margin: 0;padding: 0;width: 100%;}.msg_head {padding: 5px 10px;cursor: pointer;position: relative;background-color:#FFA500;margin:1px;}.msg_body {padding: 5px 10px 15px;background-color:#FFFFFF;}</style><script type="text/javascript" src="https://sites.google.com/site/jquery01/tabmenuaccordion.js"></script><script type="text/javascript">$(document).ready(function(){//hide the all of the element with class msg_body$(".msg_body").hide();//slides the element with class "msg_body" when paragraph with class "msg_head" is clicked$("#firstpane h5.msg_head").click(function(){$(this).next("div.msg_body").slideToggle(700).siblings("div.msg_body").slideUp("slow");});//slides the element with class "msg_body" when mouse is over the paragraph$("#secondpane h5.msg_head").mouseover(function(){$(this).next("div.msg_body").slideDown("slow").siblings("div.msg_body").slideUp("slow");});});</script><div class="msg_list" id="secondpane"><h5 class="msg_head">Tajuk 1</h5><div class="msg_body">Masukkan kod /text disini</div><h5 class="msg_head">Tajuk 2</h5><div class="msg_body">Masukkan kod/text disini</div></div>
Title font colour : #000000
Background title box : #FFA500
Background accordion box : #FFFFFF
boleh tukar warna kegemaran korang dekat SINI
tajuk 1 dan tajuk 2 : tukar dengan tajuk yang korang nak
masukkan kod/text : masuk kod gmbar or text yang korang suka
3.save and done :)
harap menjadi la ea ^^