Alternare un post sul blog brani ciclo con jQuery
Domanda
Mi piacerebbe rivelare solo i titoli dei post sul mio blog post ciclo, e quando il titolo viene cliccato -. Apparirò il brano seguente
Finora ho ottenuto questo:
$("#postTitle").click(function () {
$("#postExcerpt").toggle();
Quali opere uno il primo risultato unico.
Questa, però:
$("#postTitle").click(function () {
$("#postExcerpt").next().toggle();
non funziona affatto, e non riesco a capire perché.
Il mio ciclo è simile al seguente:
<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>
Il vostro aiuto è apprezzato!
Soluzione
<script type="text/javascript">
$(document).ready(function(){
$('#postTitle a').click(function(event){
event.preventDefault();
$(this).parent('#postTitle').siblings('#postExcerpt').toggle();
});
});
</script>
Demo qui: http://jquery.nodnod.net/cases/702/run
Naturalmente, non si dovrebbe mai riutilizzare gli ID HTML. Si dovrebbe usare le classi.
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow