VPF::Спойлеры - Форум программистов

Hurray

Дата 25.1.2012, 15:45 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 25.11.2011

Репутация: нет
Всего: нет

Делаю спойлеры на 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>

Ссылка не работает. Видимо, неправильно задал целевые объекты. А как будет правильно? Подскажите пожалуйста.

Krotlev

Дата 26.1.2012, 13:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 24.1.2012

Репутация: нет
Всего: нет

Код


$('div.splCont').toggle('normal');

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »