| Autor | Zpráva | ||
|---|---|---|---|
| Musilda Profil |
#1 · Zasláno: 9. 9. 2012, 17:52:28
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 |
#2 · Zasláno: 9. 9. 2012, 18:00:24
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 |
#3 · Zasláno: 9. 9. 2012, 18:02:47
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 |
#4 · Zasláno: 9. 9. 2012, 18:04:31
|
||
| Musilda Profil |
#5 · Zasláno: 9. 9. 2012, 18:31:17
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 |
#6 · Zasláno: 10. 9. 2012, 07:46:05
$("ul").on("click", "h4", function () {
$(this).next("p").toggle();
}); |
||
|
Časová prodleva: 12 let
|
|||
0