Тестовик

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

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

Вы здесь » Тестовик » Инструменты для пользователя » Свернуть спойлер

Свернуть спойлер

Страница: 1

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

1

  • Автор: Тестер
  • Администратор
  • Тестер
  • Зарегистрирован: 9 Апр 2021
  • Приглашений: 0
  • Сообщений: 544
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    9 дней 8 часов
  • Последний визит:
    Вчера 18:20:03

HTML низ

Спойлер
Код:
<!-- Свернуть спойлер -->
<script type="text/javascript">
function clickSP(i) {setTimeout("$('#spoiler"+i+"').click()",100);}
$('.quote-box.spoiler-box > div').each(function(i) {
    $(this).attr('id','spoiler'+i).append('<a name="220_'+i+'" style="position:absolute;margin-top:-200px"></a>');
    $(this).next('blockquote').append('<a href="#220_'+i+'" onclick="clickSP('+i+')" style="float:right">Свернуть спойлер</a>');
});
</script>

Пример - это сообщение.

0

2

  • Автор: Тестер
  • Администратор
  • Тестер
  • Зарегистрирован: 9 Апр 2021
  • Приглашений: 0
  • Сообщений: 544
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    9 дней 8 часов
  • Последний визит:
    Вчера 18:20:03

Свернуть спойлер

Код:
<!-- Свернуть спойлер -->
<style>.quote-box.spoiler-box{position:relative}.quote-box.spoiler-box > blockquote:not(.visible)+a[href^="#220_"]{display:none} </style>
<script type="text/javascript">
function clickSP(i) {setTimeout("$('#spoiler"+i+"').click()",100);}
$('.quote-box.spoiler-box > div').each(function(i) {
    $(this).attr('id','spoiler'+i).append('<a name="220_'+i+'" style="position:absolute;margin-top:-150px"></a>');
    $(this).next('blockquote').after('<a href="#220_'+i+'" onclick="clickSP('+i+')" style="float:right;margin:-22px 12px;">Свернуть спойлер</a>');
});
</script>

0

3

  • Автор: Тестер
  • Администратор
  • Тестер
  • Зарегистрирован: 9 Апр 2021
  • Приглашений: 0
  • Сообщений: 544
  • Уважение: +0
  • Позитив: +0
  • Провел на форуме:
    9 дней 8 часов
  • Последний визит:
    Вчера 18:20:03
Код:
<!--------------------------- Кнопка: Свернуть спойлер ------------------------------------>

<script type="text/javascript">
function clickSP(i) {setTimeout("$('#spoiler"+i+"').click()",100);}
$('.quote-box.spoiler-box > div').each(function(i) {
$(this).attr('id','spoiler'+i).append('<a name="220_'+i+'" style="position:absolute;margin-top:-200px"></a>');
$(this).next('blockquote').append('<a href="#220_'+i+'" onclick="clickSP('+i+')" style="float:right">Свернуть спойлер</a>');
});
</script>
Код:
<!-- Свернуть спойлер -->
<script type="text/javascript">
function clickSP(i) {setTimeout("$('#spoiler"+i+"').click()",100);}
$('.quote-box.spoiler-box > div').each(function(i) {
    $(this).attr('id','spoiler'+i).append('<a name="220_'+i+'" style="position:absolute;margin-top:-200px"></a>');
    $(this).next('blockquote').append('<a href="#220_'+i+'" onclick="clickSP('+i+')" style="float:right">Свернуть спойлер</a>');
});
</script>

0

Страница: 1

Вы здесь » Тестовик » Инструменты для пользователя » Свернуть спойлер

создать форум