Бортовой журнал Ктулху
Каждый уважающий себя мужчина должен знать две фразы: "Дай пожрать!" и "Дай пожрать спокойно!"

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