Rambler's Top100
, : |

! : http://dreamweaver.net.ru/new-forum/

| FAQ | | |

показать/скрыть текст

 
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Работа с Dreamweaver
 
Maxim
Новичок

Новичок


: 46

: 14.03.2007
: 29

: 04, 2012 10:56 pm     : показать/скрыть текст

Подскажите, каким образом силами dreamweaver соорудить спойлер на сайте, примерно такого типа: кнопка "+" и строка "читать далее", при нажатии на "+" или "читать далее" "+" меняется на "-" и при этом раскрывается скрытый текст, при нажатии на "-" текст убирается. Подозреваю, что ответ лежит в применении поведений, но как-то знаний не хватает.
admin
Администратор

Администратор


: 40

: 10.08.2004
: 1717
: Ukraine

: 05, 2012 8:12 am     :

Нужно использовать скрипты Java. Готовых в поведениях не встречал
Maxim
Новичок

Новичок


: 46

: 14.03.2007
: 29

: 06, 2012 1:19 pm     :

Спасибо! Это я понял и кое-как решил этот вопрос. А именно:

[code:1:4937b630e4]<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<style type="text/css">
.splCont{display:none; padding:3px 5px;}
</style>[/code:1:4937b630e4]

это то что расположено между тегами <head></head>

Вот сам спойлер:

[code:1:4937b630e4]<a href="javscript://" class="splLink">Спойлер</a><div class="splCont">скрытый текст</div>[/code:1:4937b630e4]

У меня вопрос, а как сделать так чтобы при открытии/закрытии спойлера, менялись бы значки с [+] на [-]???
babaevkamil
Новичок

Новичок


: 23

: 10.06.2012
: 2
: Москва

: 10, 2012 8:01 pm     :

Maxim ():
Спасибо! Это я понял и кое-как решил этот вопрос. А именно:

[code:1:1277cfc981]<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"> </script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>
<style type="text/css">
.splCont{display:none; padding:3px 5px;}
</style>[/code:1:1277cfc981]

это то что расположено между тегами <head></head>

Вот сам спойлер:

[code:1:1277cfc981]<a href="javscript://" class="splLink">Спойлер</a><div class="splCont">скрытый текст</div>[/code:1:1277cfc981]

У меня вопрос, а как сделать так чтобы при открытии/закрытии спойлера, менялись бы значки с [+] на [-]???


Этот способ не работает при использовании нескольких спойлеров на одной странице.. при нажатии на один открываются все.. как исправить данную ошибку. не знаете??
:   
  ,         .     ,        .     Форум Macromedia Dreamweaver -> Работа с Dreamweaver : GMT + 2
1 1

 


Powered by phpBB © 2001, 2005 phpBB Group
phpBB


/ : 136300 / 0

Rambler's Top100 @Mail.ru