Установка спойлера на страницу сайта
Иногда возникает необходимость установить
на странице сайта спойлер . Что это такое и для чего он
нужен. Вы наверное видели на некоторых сайтах кнопки с надписью "спойлер” ,
при нажатии на которые появлялся какой-нибудь текст, распечатка скрипта
и т.д. Спойлер служит для экономии места на странице сайта.
При поиске спойлера в интернете можно
найти большое количество разных видов спойлеров. Я выбрал три вида,
которые очень просто установить. Ниже приведены примеры. Для установки
надо всего лишь скопировать и вставить код спойлера в нужное место
страницы сайта, и вписать в определённое место тот текст, который надо
скрыть в спойлере
На первом примере спойлер будет выглядеть
так: Спойлер . Полный
код состоит из трёх частей. Не буду забивать мозги умными словами.
Просто скопируете всё и вставите на странице в нужном месте. А внизу
кода увидите надпись – Здесь должен быть текст . Вот
вместо этой надписи вставите то, что хотите спрятать в спойлере
Спойлер:
пример
Это примерный текст!
<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>
<a href=”javscript://”
class=”splLink”><strong>Спойлер:</strong>
пример</a>
<div class=”splCont”>
Здесь должен быть текст
</div>
Второй пример – это код стандартного
спойлера. Он выглядит в виде кнопки. Установка аналогичная. Копируете
код и вставляете в нужное место