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!

È stato utile?

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
scroll top