Переключение выдержек из цикла постов в блоге с помощью jQuery - PullRequest
Новая
       12

Переключение выдержек из цикла постов в блоге с помощью jQuery

1 голос
/ 27 августа 2009

Я хотел бы показывать только заголовки постов в цикле сообщений блога, а когда щелкнет заголовок - отрывок появится ниже.

Пока я получил это: 

$("#postTitle").click(function () {
$("#postExcerpt").toggle();

Который работает только с первым результатом.

Это, однако: 

$("#postTitle").click(function () {
$("#postExcerpt").next().toggle();

Не работает вообще, и я не могу понять, почему.

Мой цикл выглядит так: 

<div class="box">
    <div class="block">
    <p id="postTitle"><a href="#">Post Title</a></p>
    <p id="postExcerpt" style="display:none;">Post Excerpt</p>
     </div>
</div>

Ваша помощь приветствуется!

1 Ответ

2 голосов
/ 27 августа 2009 
<script type="text/javascript">
$(document).ready(function(){
    $('#postTitle a').click(function(event){
        event.preventDefault();
        $(this).parent('#postTitle').siblings('#postExcerpt').toggle();
    });
});
</script>

Демо здесь: http://jquery.nodnod.net/cases/702/run

Конечно, вы никогда не должны использовать идентификаторы HTML. Вы должны использовать классы.

...