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; }); });