Установка:
1. Заходим в ACP - Внешний вид - Ваш Стиль - globalTemplate
2. Находим тег <head> после него вставляем следующий код:

PHP код:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function(){
    jQuery('.blockspoiler2').hide()
    jQuery('.blockspoiler').click(function(){
  jQuery(this).children('.blockspoiler2').slideToggle("normal");
    })
})
</script> 

3. Переходим на вкладку CSS - ipb_styles.css. В самый низ вставляем следующий код:
PHP код:
.blockspoiler{
    
background#0b6075;
    
margin-bottom:0;
    
border-radius15px 15px 15px 15px;
    
padding10px;
    
color#fff;
    
width95%;
margin-top20px;
}
.
blockspoiler a{
text-decoration:none;
color#fff;
}
.
blockspoiler a:hover{
text-decoration:none;
coloryellow;
}
.
blockspoiler2{
    
margin-top0;
background#cad8d0;
    
padding10px;
    
width100%;
text-align:justify;
font-size:14px;
margin-top20px;
margin-left: -10px;
color#000;

4. Качаем файл.

5. Заходим ACP - Внешний вид - BB-коды. Загружаем файл.

Вот и все, теперь у вас спойлер будет красивый и плавный

Ссылка: Нажмите сюда, чтобы скачать файл