Share BBCODE Shoiler Cho VBB

[KhanhIT]

Đây là BBCODE của SinhVienIt đang dùng, nhưng chưa có Share, hôm nay mình share cho mọi người ai thích thì dùng.


Demo:

Spoiler

Xem demo nhé

Thêm 1 BBCODE mới với Replacement là:

[COLOR=blue][B][B][SIZE=3]<div class="spoiler-wrap">      <div class="spoiler-head">          <span class="title" style="border:0px;">Nội dung đã được thu gọn</span>         <a class="spoilerbtn">Hiện ra</a> <div class="clear"></div>              </div>       <div class="spoiler-body">{param}</div> </div>[/SIZE][/B][/B][/COLOR][LEFT][COLOR=#000000]
[/COLOR][/LEFT]

Sau đó đăng nhập vào AdminCP và chèn đoạn code này trên cùng hoặc dưới cùng cũng được của headinclude template

[COLOR=blue][B][B][SIZE=3][COLOR=#ff0000]<script type="text/javascript" src="js/jquery.js">[/COLOR]</script>  <script type="text/javascript"> jQuery(document).ready(function(){     jQuery('.spoilerbtn').click(function(){          var obj=jQuery(this).parent().parent().find('.spoiler-body')[0];                  jQuery(obj).slideToggle('fast',function(){             var btnobj=jQuery(this).parent().find('.spoilerbtn')[0];             var titleobj=jQuery(this).parent().find('.title')[0];                          if(jQuery(this).css('display')=='none')             {                 jQuery(titleobj).html('Nội dung đã ẩn, Bấm nút "Hiện ra" để xem đầy đủ');                 jQuery(btnobj).html('Hiện ra');             }             else             {                 jQuery(titleobj).html('Bấm nút "Thu gọn" để thu gọn nội dung');                 jQuery(btnobj).html('Thu gọn');             }         });     }); }); </script> [COLOR=#ff0000]<link rel="stylesheet" type="text/css" href="spoiler.css" />[/COLOR]
[/SIZE][/B][/B][/COLOR][LEFT][COLOR=#000000]


[/COLOR][/LEFT]

​

Hai dòng màu đỏ thì bạn thay thế bằng link sau:
http://diendan.tivi365.net/spoiler.css
http://diendan.tivi365.net/js/jquery.js
Xem Demo Online: http://diendan.tivi365.net/baiviet/2516-Share-BBCODE-Shoiler-Cho-VBB.html
Hoặc chạy từng link sau đó copy chép thành file và up lên host của bạn.
Chúc các bạn thành công!