jQuery find nefunguje

Toto je můj HTML:

        <p class="first">blah blah <a href="" class="more">read more</a></p>
        <div class="read_more">
            <p>more text</p>
        </div>

A javascript:

$(document).ready(function(){
  $('a.more').click(function(){
    $(this).find('.read_more').slideDown();
    return false;
  });
});

Zdá se, že nic nedělá (read_more je nastaveno na zobrazení:žádné) žádné nápady?

Odpověď

Zkuste toto:

$(document).ready(function(){$('a.more').click(function(){$(this).parent().next().find('.read_more'). slideDown();return false;});});

Aktualizace:

Tady je ukázka 🙂

Kód:

$(document).ready(function(){
  $('a.more').click(function(){
    $(this).parents().find('.read_more').slideDown('slow');
    return false;
  });
});

Můžete také udělat:

$(document).ready(function(){
  $('a.more').click(function(){
    $('.read_more').slideDown('slow');
    return false;
  });
});

Nebo toto:

$(document).ready(function(){
  $('a.more').click(function(){
    $(this).parent().next().slideDown('slow');
    return false;
  });
});