Problème jQuery parent (). find ()

HTML

<div class="comments">
    <a class="toggle" href="#">Toggle Comment 1</a><br />
    <div class="comment" style="display:none;">
        Comment1
    </div>
    <hr />
    <a class="toggle" href="#">Toggle Comment 2</a><br />
    <div class="comment" style="display:none;">
        Comment2
    </div>
</div>

JavaScript

$(function(){
    $('.toggle').click(function() {
        $(this).parent().find('.comment').slideToggle();
        return false;
    });
});

Peut être consultée ici: http://jsfiddle.net/saiprex/ESM4m/

Comment je peux activer comment qui a été cliqué et pas tous d'entre eux?

Cheers,
Pav

source d'informationauteur Pav | 2011-05-12

  1. 13
    $(function(){
    $('.toggle').click(function() {
        $(this).nextAll('.comment:first').slideToggle();
        return false;
    });
});

    jsFiddle.

  2. 0

    son encore plus simple, je pense que, lorsque vous nettoyez votre html ainsi un peu:
    (éviter br)

    http://jsfiddle.net/ESM4m/27/

    <div class="comments">
    <a class="toggle" href="Fork#">toggle</a>
    <div class="comment" style="display:none;">
        Comment1
    </div>
    <hr />
    <a class="toggle" href="#">toggle</a>
    <div class="comment" style="display:none;">
        Comment2
    </div>
</div>




$(function(){
    $('.toggle').click(function() {
        $(this).next().slideToggle();
        return false;
    }); 
});