Форум Сайтостроение Веб-строительство

HTML и jQuery: раскрывающийся спойлер

K
На сайте с 27.03.2012
Offline
0
kreper
3467

Всем доброго времени суток !

Помогите разобратся с этим скриптом для спойлера, при нажатии открывается текст

<head>...</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>

CSS

.splCont{display:none; padding:3px 5px;}

<body>...</body>

<a href="javscript://" class="splLink"><strong>Спойлер1:</strong>Текст1</a>
<div class="splCont">
Текст.......
</div>

Спойлер 1 работает, а когда вставляеш еще один код на страницу "Спойлер2" выдает ошибку

<a href="javscript://" class="splLink"><strong>Спойлер2:</strong>Текст2</a>
<div class="splCont">
Текст.......
</div>
М
На сайте с 08.02.2006
Offline
59
Магнат
#1

$(this).parent().children('div.splCont').toggle('normal');

должно быть

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

K
На сайте с 27.03.2012
Offline
0
kreper
#2
Магнат:
$(this).parent().children('div.splCont').toggle('normal');
должно быть
$(this).next('div.splCont').toggle('normal');

все работает, спс

TF-Studio
На сайте с 17.08.2010
Offline
334
TF-Studio
#3

Вот ещё посмотрите

http://jqueryui.com/demos/accordion/

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий