Бортовой журнал Ктулху
Водка чрезвычайно полезна мужчинам. Особенно, когда ее пьет женщина.

Jquery спойлер текста

Как говорят опытные программисты, "Если ты знаешь Jquery, ты не знаешь JS".

P.S. мопед не мой, нашел в интернете, выдрал самое важное и адаптировал под свои нужды.

 

Это пример реализации для Битрикса (текст в футере с кнопкой скрыть/раскрыть), но можно использовать для чего угодно.

<script type="text/javascript">
$(document).ready(function(){
 $('.spoiler_links').click(function(){
 $(this).parent().children('div.spoiler_body').toggle('normal');
 return false;
 });
});
</script>
 
<a href="/" class="spoiler_links">Спойлер №1 (кликните для показа/скрытия)</a>
 <div class="spoiler_body" style="display:none">

 <?
 $arOrder = Array("SORT"=>"ASC");
 $arSelect = Array();
 $arFilter = Array("IBLOCK_ID"=>"10", "ACTIVE_DATE"=>"Y", "ACTIVE"=>"Y");
 $res = CIBlockElement::GetList($arOrder, $arFilter, false, Array("nPageSize"=>1), $arSelect);
 while($ob = $res->GetNextElement())
 {
 $arFields = $ob->GetFields();
 echo $arFields[PREVIEW_TEXT];
 }?>
</div>

 

Ну и jquery.js какой-нибудь, например с гугла.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

 

Вложения:
ФайлОписаниеРазмер файла:
Скачать этот файл (1.html.zip)1.html.zip 2 Кб
Рейтинг@Mail.ru
Яндекс.Метрика
Hosting Ukraine
Счетчик PR-CY.Rank
Счетчик PR-CY.Rank