Несколько спойлеров

@Ципихович Эндрю · Регистрация: 10.04.2009

Author24 — интернет-сервис помощи студентам

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

HTML5

<!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>

Спасибо!

	05.04.2013, 11:34