Как справиться с функцией toggle() Jquery?

Question

[Drumh]

Не могу понять как справится с этой функцией. У меня есть код:

$(document).ready(function(){
				$("#post").click(function(){
					$("#textpost").toggle(250);
				});
			});

Есть на страничке несколько новостей, каждая из которых содержит #post #textpost.
Выше описанная функция работает только на первую новость. В чем может быть проблема?

Answer 1

[Юрий Лобанов]

На странице не должно быть несколько элементов с одинаковым id.

Answer 2

[Андрей]

На странице замените id="post" на class="post", id="textpost" на class="textpost".

$(document).ready(function(){
                $(".post").click(function(){
                    $(".textpost").toggle(250);
                });
            });

Comments

[Drumh]

тогда он открывает все новости сразу

Answer 3

[Drumh]

Разобрался, спасибо большое.

$(document).ready(function(){
                $(".post").click(function(){
                    $(this).find(".textpost").toggle(250);
                });
            });

Answer 4

[Drumh]

Через классы делать?

Comments

[Андрей]

Конечно, идентификаторы должны быть уникальными.