Делаю спойлеры на javascript. Получилось так: | Код |
<html>
<head>
<!-- Подключаем скрипт спойлера -->
<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>
</head>
<body>
<style type="text/css">
.splCont{display:none; padding:3px 5px;}
</style>
<li>
<!-- первый спойлер -->
<a href="javscript://" class="splLink"><strong>Спойлер:</strong></a>
<div class="splCont">Это примерный текст!</div>
</li>
<li>
<!-- второй спойлер -->
<a href="javscript://" class="splLink"><strong>Другой спойлер:</strong></a>
<div class="splCont">Это другой текст!</div>
</li>
</body>
</html>
|
Теперь хочу сделать ссылку, которая открывала/закрывала бы все спойлеры на странице. Для этого немного видоизменил скрипт:
| Код |
<script type="text/javascript">
$(document).ready(function(){
$('.allLink').click(function(){
$(this).parent().children('li div.splCont').toggle('normal');
return false;
});
});
</script>
|
и сама ссылка: | Код |
<a href="javscript://" class="allLink"><strong>Все спойлеры:</strong></a>
|
Ссылка не работает. Видимо, неправильно задал целевые объекты. А как будет правильно? Подскажите пожалуйста. |