Jquery спойлер текста
2014-03-15
Как говорят опытные программисты, "Если ты знаешь 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