Несколько спойлеров - JavaScript, Ajax

Ципихович Эндрю · 05.04.2013, 14:47

Здравствуйте, как сделать один спойлер у меня есть пример, давно для веба не писал, отвык, как будет создать несколько спойлеров из моей заготовки, что подправить?

Код:

<!DOCTYPE html>
<!--html5-->
 
<html>
 
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8">
 
<!--
Сервис для проверки валидности сайта:
http://validator.w3.org/#validate_by_input
http://validator.w3.org/#validate_by_uri
-->
<title>Спойлер с Jquery, JavaScript as html5</title>
 
<!--нужен файл jquery-1.8.0.min.js-->
<script type="text/javascript" src="jquery-1.8.0.min.js"></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>
 
</head>
 
<body>
 
<p>Нужен файл jquery-1.8.0.min.js</p>
 
<!--тег <strong> (strong — имеющий преимущество) — тег-контейнер, логически выделяет, усиливает текст-->
<a href="javscript://" class="splLink"><strong>Спойлер1:</strong></a>
<div class="splCont"> 
Это примерный текст Спойлер1!
</div>
 
<p></p> 
 
<a href="javscript://" class="splLink"><strong>Спойлер2:</strong></a>
<div class="splCont"> 
Это примерный текст Спойлер2!
</div> 
 
</body>
  
</html>

Спасибо

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Несколько задач на С	приправыч	Помощь студентам	6	04.12.2012 22:17
1) как перетащить несколько модулей с одной книги на другую одним скопом? 2)можно ли открыть несколько книг сразу?	БАХТИ	Microsoft Office Excel	17	26.09.2011 18:11
Несколько задач	Degster	Паскаль, Turbo Pascal, PascalABC.NET	3	30.04.2011 16:39
Несколько вопросов	phphel	Общие вопросы Delphi	19	30.01.2011 21:24
несколько вопросов	fitc	Общие вопросы Delphi	28	14.07.2009 21:20