Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Плавное открытие спойлера


Плавное открытие спойлера

Сообщений 1 страница 4 из 4

1

Добрый день.
Извиняюсь за то, что не умею пользоваться поиском, потому что, скорей всего, мой вопрос уже был решён ранее  :idea:
Адрес моего форума - http://fullmoon.winbb.ru. Мне хотелось бы, чтобы спойлеры открывались не резко, а плавно. Видела это на других форумах. Подскажите пожалуйста, какой скрипт для этого нужен?
Заранее благодарна  http://mybb.ru/f/collection/0211.gif

0

2

Камели
В HTML верх

<style type="text/css"> /*Спойлер */
    .punbb .quote-box.spoiler-box{
border:#C6C6CF 1px solid;
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;

    box-shadow: 0px 2px 4px #8E8E8E;
    -webkit-box-shadow: 0px 2px 4px #8E8E8E;
    -khtml-box-shadow: 0px 2px 4px #8E8E8E;
    -moz-box-shadow: 0px 2px 4px #8E8E8E;
    }
.post-content .spoiler-box > blockquote.visible {
display: none;}.punbb .spoiler-box blockquote {
min-width: 100%!important;
}
.post-content .spoiler-box span.hide{
display:none;
}
</style>
<script>$(document).ready(function() {
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").each(function() {
  $(this).html($(this).html().replace(/(.*)?\|(.*)?/img,'<span class="visible">$1</span><span class="hide">$2</span>'))
});
$(".post-box .quote-box.spoiler-box div[onclick*='toggleClass']").click(function(){
  $(this).next('blockquote').toggle('Slow');
  $(this).find('span:eq(0),span:eq(1)').toggleClass('hide').toggleClass('visible');
});
});
</script><!--//End Правки Спойлера HTML верх-->

0

3

Deff
Всё прекрасно работает. Спасибо! А можно ли из этого кода выкинуть лишние настройки, чтобы только плавное открытие было? Просто у меня заданы в css другие настройки, такие как тень и круглые края, а этот код в этом плане помешал.

0

4

Всё, спасибо, не надо. Я разобралась.

0


Вы здесь » Единый форум поддержки » Корзина » Плавное открытие спойлера