evento onclick che funziona una sola volta

[stardom]

scusate il disturbo per una cosa semplice. In una pagina ho un flip comandato cliccando su un testo, con la seguente istruzione:

<h2><a onclick="document.querySelector('#flip-toggle').classList.toggle('flip');">chi & dove siamo</a></h2>

La cosa si ripete identica più volte nello stesso container, sempre uguale. Ma solo uno dei link fa partire il flip. Dove potrebbe essere l'errore/conflitto ?

[cavicchiandrea]

Sicuro che ci voglia # nel querySelector('#flip-toggle')

[stardom]

beh, ho seguito un tutorial ( http://davidwalsh.name/css-flip) e dice di includere il #. E poi se funziona in un link perchè non funziona in altri? Se li tolgo non funziona nemmeno quell'unico link.
Se vuoi dargli un'occhiata, vai su lalegatoria.it e clicca sui titoli principali delle pagine ("chi e dove, legatoria, restauro", etc.). Grazie

[cavicchiandrea]

Ok, ho visto velocemente il tutorial (ho provato la demo con IE8 non funziona occorre?) nel pomeriggio provo lalegatoria

[stardom]

grazie per dargli un'occhiata. Per ora sto lavorando su firefox senza preoccuparmi di IE8, ma se dovessi scoprire come superare l'ostacolo te ne sarei grato.

[Vindav]

hai più id #flip-toggle, di conseguenza viene applicato solo al primo

[cavicchiandrea]

Immaginavo che fossero più id uguali (mentre devono essere univoci) per quanto riguarda il fatto che non funzioni su IE è una segnalazione (se il sito deve essere fruibile da tutti i browser non puoi usare quello script) non ci penso minimamente di debagarlo per IE

[stardom]

Ho capito il concetto di univocità degli ID, adesso dovrei capire come scrivere l'istruzione corretta.
Per lo script, mi sono fidato senza considerare la compatibilità di Explorer, ma sul tutorial c'è un commento che sembra risolvere il problema.
Ma credo mi convenga cacnellare tutto e lavorare su uno script più stabile, come http://lab.smashup.it/flip/.
Grazie per l'aiuto comunque