VPF::Вопрос по селекторам jQuery - Форум программистов

Kremnik

Дата 13.9.2009, 22:57 (ссылка)

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

Загрузка ...

Новичок

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

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

Делаю некое подобие гостевой книги. Каждое сообщение - это div с текстом сообщения, ссылкой "Ответить" и скрытым (display: none) дивом с формой ответа. К каждому диву прикреплена ссылка "Ответить" с висящей на ней кодом:
onClick = "$(.класс_div'a).slideToggle("slow");"
Но вся проблема в том, что у всех дивов класс один и тот же (т.к. дивы выводятся циклом в php), так что при нажатии на ссылку сразу открываются ВСЕ дивы, а надо только тот, к которому эта ссылка принадлежит. Не подскажешь, как это реализовать?
Заранее благодарен, Александр.

unicross

Дата 14.9.2009, 03:27 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
   $("a.msg").click(function() {
      $(this).next("div").slideToggle("slow");
      return false;
   });
});
</script>
</head>
<body>
<div>
Сообщение 1 <a href="#" class="msg">Ответить</a>
<div style="display:none;background-color:silver;height:100px;">
Это форма 1
</div>
</div>

<div>
Сообщение 2 <a href="#" class="msg">Ответить</a>
<div style="display:none;background-color:silver;height:100px;">
Это форма 2
</div>
</div>
</body>
</html>

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