Menu jQuery Accordion cho Blogger

Bạn có thể đặt Menu jQuery Accordion ở Widget bên trái hoặc phải tùy theo bố trí Blog của bạn.
Vào thẳng vấn đề luôn nè

1. Đăng nhập vào blogger của bạn.
2. Chọn blog của bạn.
3. Chọn tùy chọn Bố cục (Layout.)
4. Trong bố cục blog của bạn bấm vào Thêm tiện ích
5. Bây giờ chọn HTML / JavaScript
6. Trong HTML / JavaScript dán đoạn mã sau và lưu lại

Xem Demo:

View Colors

Nội dung 1

View States

Nội dung 2

View Trees

Nội dung 3

View Nations

Nội dung 4

Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script>$(document).ready(function () { $('.manageItem').click(function () { $('.item').slideUp(); $(this).next().slideDown(); }); }); </script> <style> .manageItem { cursor: pointer; width: 200px; color: black; background-color:#ff9966; margin-bottom:2px; } .item { width: 200px; color: #0033CC; background: White; display: none; } </style> <div id="menuContainer"> <div class="manageItem">View Colors </div><div class="item">Nội dung 1 </div><div class="manageItem">View States </div><div class="item">Nội dung 2 </div><div class="manageItem">View Trees </div><div class="item">Nội dung 3 </div></div><div class="manageItem">View Nations </div><div class="item">Nội dung 4 </div>

Lưu lại, vậy là xong rồi đó, quá đơn giản phải không :)