Autor Zpráva
Musilda
Profil
Zdravím

potřeboval bych od znalých věci poradit. Mám výpis krátkých zpráv v seznamu a potřebuji, aby po kliknutí na nadpis zjistilo id, které bude pro každý nadpis jiné. Následně se to id s nějakým prefixem použije na skrytí, nebo zobrazení obsahu zprávy pomocí toggle()
Představuju si to takto:

<ul>
<li>
<h4 id="1">Nadpis 1</h4>
<p id="p_1">Text 1</p>
</li>
<li>
<h4 id="2">Nadpis 2</h4>
<p id="p_2">Text 2</p>
</li>
<li>
<h4 id="3">Nadpis 3</h4>
<p id="p_3">Text 3</p>
</li>
</ul>

Bohužel neumím s jquery moc dobře a asi bych to dost dlouho zkoušel. Jde o to, že to id bude pokaždé jiné a text bude defaultně skrytý.
Po kliknutí na H4 s id=1 se provede $("#p_1").toggle();

Díky za rady
Chamurappi
Profil
Reaguji na Musildu:
Následně se to id s nějakým prefixem použije na skrytí,
Proč tak krkolomně? On ten odstavec bude pokaždé jinde? Pokud ne, stačí ti vyhledávat následující odstavec za this.
Musilda
Profil
Dobře, otázkou je jak to mám udělat. Zkoušel jsem něco najít, ale asi nevím, jak se mám google zeptat.
panther
Profil
Musilda:
.next()
otázka, jestli na tohle potřebuješ tahat celé jQuery...
Musilda
Profil
Tak nakonec jsem našel díky rady od panthera to co jsem potřeboval:

jQuery( function( $ ) {
    $( '.toggle-next + *' ).hide();
    $( '.toggle-next' ).click( function() {
        $( this ).next().slideToggle( 'fast' );
        return false;
    } );
} );
joe
Profil
$("ul").on("click", "h4", function () {
  $(this).next("p").toggle();
});

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: