Помощник
|
Спойлер на joomla 1.5, Как сделать красивый, плавный спойлер? |
taoren
|
Сообщение
#1
|
||
|
|
||
|
|||
Man1keN |
25.3.2012, 17:40;
Ответить: Man1keN
Сообщение
#2
|
|
$('.spoiler').click( function() {
$(this).slideToggle(); }); |
|
|
taoren
|
Сообщение
#3
|
|
На данный момент у меня такой скрипт спойлера:
CODE <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <style type="text/css"> /* Стили для спойлера */ .bar { background:#B2BDCB url('http://lh5.ggpht.com/_3_wwcvitlLc/SlqyHLMerfI/AAAAAAAABKk/T3rgvkvrTZY/spoiler.png') no-repeat; padding-left: 21px; color: #1A3457; height:21px; font-weight:bold; cursor:pointer; } /* Скрытый спойлер */ .spoiler-hidden .bar { background-position: 0 0; } .spoiler, .spoiler-hidden .text { display: none; } /* Открытый спойлер */ .spoiler-visible .bar { background-position: 0 -23px; } .spoiler-visible .copy { text-align:right; font-size:0.6em; } .spoiler-visible .text { display:visible; padding: 1 1em; border: 1px dashed #B2BDCB; border-top-width:0; } </style> CODE <script src='http://blogger.com.md/uploads/demo/spoiler/widget_spoiler.js' type='text/javascript'></script>
<script type='text/javascript'> WidgetSpoilerManager.setOption("defaultTitleText", "Скрытый текст"); WidgetSpoilerManager.init(); </script> |
|
|
LoraDi |
25.3.2012, 17:58;
Ответить: LoraDi
Сообщение
#4
|
|
-------------------- ✓ Самый лучший способ убрать рекламу! ✓ Удобный хостинг для всех! |
|
|
taoren
|
Сообщение
#5
|
|
Man1keN, не подскажите полный код/скрипт такого спойлера?
LoraDi, спасибо, буду пробовать... ещё вопрос: можно ли сделать "матрёшку"? Спойлер в спойлере? Или аналог этого? Сообщение отредактировал bum - 10.5.2012, 15:08
Причина редактирования: -overquotting
|
|
|
LoraDi |
25.3.2012, 18:07;
Ответить: LoraDi
Сообщение
#6
|
|
taoren, думаю что да, но сама не пробовала...
Сообщение отредактировал bum - 10.5.2012, 15:09
Причина редактирования: -overquotting
-------------------- |
|
|
Man1keN |
25.3.2012, 18:17;
Ответить: Man1keN
Сообщение
#7
|
|
Не подскажите полный код/скрипт такого спойлера? Допустим, будет такой html код спойлера: <div class="spolier"> <div class="spolier-title">Заголовок спойлера</div> <div class="spoiler-content">Контент спойлера</div> </div> Тогда в <head> засовываем <script> $(document).ready( function() { $('.spoiler-title').click( function() { $(this).next('spoiler-content').slideToggle(); }); }); </script> И еще в стили .spoler-content { display: none; }
|
|
|
taoren
|
Сообщение
#8
|
|
Не работает
Сообщение отредактировал bum - 10.5.2012, 15:08
Причина редактирования: -overquotting
|
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Разработка сайтов Joomla Wordpress Opencart Разработка, верстка, оптимизация веб сайтов. |
77 | WoWeb | 40298 | 3.9.2023, 16:52 автор: Sawich |
|
[Продам] базы сайтов на CMS Wordpress/Joomla/Drupal/Magento/... | 14 | phosphoruss | 13674 | 16.8.2023, 15:27 автор: SmmPanelUS |
|
Техподдержка сайтов на движках Joomla, Netcat, Opencart | 5 | 54web | 4259 | 22.1.2023, 13:27 автор: kikimora17 |
|
Доработка сайта Joomla + VirtuMart | 0 | Intuit_Design | 1170 | 4.2.2021, 15:05 автор: Intuit_Design |
|
ВНИМАНИЕ: Комплекс услуг по движку Joomla и верстка 61site.ru - Верстаем и делаем сайты под ключ |
321 | lostprophet | 434648 | 1.7.2020, 12:02 автор: shamil918 |
Текстовая версия | Сейчас: 29.3.2024, 11:54 |