html:выпадающий_текст []

Эта страница только для чтения. Вы можете посмотреть исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.

Пример выпадающей программы курса
http://arsamandi.ru/at/wom_com/


Добавляем:\\

в стили:

div.hideCont,
 a.hideBtn.hide{
 display:none;
}
---------------------------------------------------------------------------

В хидер
<code java>

/** 
<script src="http://sheremetev.info/flowplayer/flowplayer-3.2.6.min.js"></script>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("a.hideBtn,a.hideBtn.hide").click(function(){
  var Prnt=$(this).parents('.hideWrap:first');
  Prnt.find('a.hideBtn').toggle();
  Prnt.find('div.hideCont').slideToggle('normal');
return false;
 });
});
</script>

</code>

---------------------------------------------------------------------------
В код html

<code html>

<div class="hideWrap"><a class="hideBtn hide" style="text-decoration: none; border-bottom: #0909a5 1px dashed;" href="#"><span style="font-family: 'trebuchet ms', geneva; font-size: small;">Скрыть программу</span></a><a class="hideBtn" style="text-decoration: none; border-bottom: #0909a5 1px dashed;" href="#"><span style="font-family: 'trebuchet ms', geneva; font-size: small;">Посмотреть программу</span></a>
<div class="hideCont">

ТекстТекстТекстТекстТекстТекст

<p><strong>Длительность аудиокурса</strong>&nbsp;3 часа 1 минута</p>
</div>
<br /><a class="hideBtn hide" style="text-decoration: none; border-bottom: #0909a5 1px dashed;" href="#"><span style="font-family: 'trebuchet ms', geneva; font-size: small;">Скрыть программу</span></a></div>

</code>

Инструменты пользователя

Инструменты сайта

Инструменты страницы