Проблема с jquery slidetoggle - JavaScript, Ajax

wcp · 13.08.2010, 11:54

Нужна помощь.

Имеем:

Код:

<head>

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('.spoiler').hide()
    $('.pressit').click(function(){
        $(this).next().slideToggle("slow")
    })
})
</script>

</head>
<body>

<div class="pressit" style="cursor: help;">Нажми меня</div>
<div class="spoiler">
<table width="90%" border="0" align="center"><tr><td>Содержимое спойлера</td></tr></table>
</div>

</body>

Пока два дива pressit и spoiler находятся рядом - всё отлично, давим "нажми меня" и ниже этой ссылки плавно разворачивается таблица-спойлер с ткстом. Но ситуация такова, что кнопка и сам спойлер должны находится в разных таблицах, а точнее вот так:

Код:

<table><div class="pressit" style="cursor: help;">Нажми меня</div></table>

<div class="spoiler">
<table width="90%" border="0" align="center"><tr><td>Содержимое спойлера</td></tr></table>
</div>

В этом случае спойлер уже не разворачивается

slips · 13.08.2010, 12:55

Вы ссылаетесь не на тот элемент который нужен, обращайтесь сразу на .spoiler

PHP код:


			
<script type="text/javascript">

$(document).ready(function(){

    $('.spoiler').hide()

    $('.pressit').click(function(){

      $('.spoiler').slideToggle("slow");

    })

})

</script>

И ещё вот в этом коде явно ошибка,не забывайте заключать в tr и в td

Код HTML:

<table><div class="pressit" style="cursor: help;">Нажми меня</div></table>

говорит о том что ссылаться на следующий за текущим, а так как он в таблице, то следующего в данной ветке нет. Вот ничего и не происходило.

Код HTML:

 $(this).next()

wcp · 13.08.2010, 13:43

Цитата:

Сообщение от slips

И ещё вот в этом коде явно ошибка,не забывайте заключать в tr и в td

То я для сокращения черкнул, разумеется пишу всё полностью.

slips, благодарю! Ларчик просто открывался! Теперь всё работает как часы.

13.08.2010, 11:54	#1
wcp Регистрация: 07.09.2009 Сообщений: 6	Проблема с jquery slidetoggle Нужна помощь. Имеем: Код: `<head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.spoiler').hide() $('.pressit').click(function(){ $(this).next().slideToggle("slow") }) }) </script> </head> <body> <div class="pressit" style="cursor: help;">Нажми меня</div> <div class="spoiler"> <table width="90%" border="0" align="center"><tr><td>Содержимое спойлера</td></tr></table> </div> </body>` Пока два дива pressit и spoiler находятся рядом - всё отлично, давим "нажми меня" и ниже этой ссылки плавно разворачивается таблица-спойлер с ткстом. Но ситуация такова, что кнопка и сам спойлер должны находится в разных таблицах, а точнее вот так: Код: `<table><div class="pressit" style="cursor: help;">Нажми меня</div></table> <div class="spoiler"> <table width="90%" border="0" align="center"><tr><td>Содержимое спойлера</td></tr></table> </div>` В этом случае спойлер уже не разворачивается http://bonappetit.com.ua - кулинарный портал http://mirpodarkov.in.ua - Агентство доставки цветов и поздравлений "Подарки от Лилии"

13.08.2010, 12:55	#2
slips Форумчанин Регистрация: 28.10.2008 Сообщений: 350	Вы ссылаетесь не на тот элемент который нужен, обращайтесь сразу на .spoiler PHP код: `<script type="text/javascript"> $(document).ready(function(){ $('.spoiler').hide() $('.pressit').click(function(){ $('.spoiler').slideToggle("slow"); }) }) </script>` И ещё вот в этом коде явно ошибка,не забывайте заключать в tr и в td Код HTML: <table><div class="pressit" style="cursor: help;">Нажми меня</div></table> говорит о том что ссылаться на следующий за текущим, а так как он в таблице, то следующего в данной ветке нет. Вот ничего и не происходило. Код HTML: $(this).next() Всё о Слот автоматах и Рейтинг Топ 10 казино Последний раз редактировалось slips; 13.08.2010 в 13:29.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Плагин к jQuery	Brat88.88	Помощь студентам	3	09.08.2010 23:53
Проблема в ИЕ с jQuery	hobbit-killer	JavaScript, Ajax	0	06.05.2010 23:21
Проблема с jQuery: Код не работает через отдельный файл	Arnezami	JavaScript, Ajax	2	17.01.2010 01:16
jQuery itself	spein	JavaScript, Ajax	4	25.12.2009 22:30
jQuery menu	spein	JavaScript, Ajax	3	06.07.2009 22:45