Tutorial Jquery Tab Menu Accordion

السلام عليكم و رحمة الله و بركاته

Nak tau..pg kat sidebar blog eka..

1.Design>Add a gadget>Html javascript

2.copy code bwah ni

<style type="text/css">





h5 {





font-family: trebuchet-ms, arial, tahoma;





font-size: 13px;





padding: 0 0 1em;





font-weight:bold;





color: #ffffff;





}





.msg_list {





list-style: none;





margin: 0;





padding: 0;





width: 100%;





}





.msg_head {





padding: 5px 10px;





cursor: pointer;





position: relative;





background-color:#FA5858;





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">Title 1</h5>





<div class="msg_body">








Masukkan kod /text disini







</div>








<h5 class="msg_head">Title 2</h5>





<div class="msg_body">





Masukkan kod/text disini







</div>





</div>

NOTE:

Background title box : #FA5858

Title font colour : #FFFFFF

Background accordion box : #FFFFFF

Lau nk tmbh tjuk.. tmbah code ni

<h5 class="msg_head">Tajuk </h5>





<div class="msg_body">








Masukkan kod /text disini





</div>

ALERT:jgn rich text..t xjadik..

eka bt 3 bleh jer..owg ckp bleh buat 2 tjuk jer..so..cuba la yer..

CREDIT