Ciao a tutti,
avrei una necessità particolare, ma le mie conoscenze in campo js sono molto limitate.
Ho una struttura html di questo tipo:
Avrei bisogno che, cliccando su uno dei <li> all'interno di <ul id="lista">, sia quel <li>, sia la section con la medesima classe prendessero entrambi classe "active" (in aggiunta alle classi esistenti).Codice PHP:<ul id="lista"
<li class="mele">Mele</li>
<li class="pere">Pere</li>
<li class="ananas">Ananas</li>
</ul>
<section class="mele">Mele: testo...</section>
<section class="pere">Pere: testo...</section>
<section class="ananas">Ananas: testo...</section>
La classe active dovrebbe essere rimossa da entrambi i tag nel momenti in cui si facesse clic su un altro dei <li> contenuti in <ul id="lista">.
Quindi, ad esempio: cliccando sulla voce di elenco "Mele", il <li> dovrebbe diventare <li class="mele active"> e la section dovrebbe diventare <section class="mele active">, fino al successivo evento onclick su un'altra voce elenco.
Al momento sono riuscito solo ad effettuare il cambio di classe "active" sui singoli <li> ma non sulle section.
Qui il jsfiddle della demo:
http://jsfiddle.net/mahamatt/t3y7Lh1u/5/
Grazie in anticipo a quanti mi aiuteranno
Rispondi quotando