javascript: funzione per più elementi

Salve a tutti, vorrei porvi una mia perplessità da cui ne esco più.

mi ritrovo davanti una funzione che mi fa comparire e scomparire un elemento.

questo è il codice:

function hideshow() {
    
    var element = document.getElementById("content");
    if (element.style.visibility == 'hidden') {
        element.style.visibility = 'visible';
        element.style.display = 'block';
    } else {
        element.style.visibility = 'hidden';
        element.style.display = 'none';
    }
    
} 

ore con php creo dinamicamente tanti elementi , e vorrei richiamare questa funzione soltanto per un elemento alla volta, come faccio?

grazie mille

Non ho capito bene una cosa. Tu hai tanti elementi con ID diversi oppure molti elementi con lo stesso ID? Nel secondo caso è semanticamente sbagliato, perché un ID dovrebbe essere un identificatore univoco.

no ho tanti elementi con tanti id diversi, ora vorrei richiamare la testa funzione soltanto per un elemento solo . come faccio?

[alemoppo]

function hideshow(elemento) {
    
    var element = document.getElementById(elemento);
    if (element.style.visibility == 'hidden') {
        element.style.visibility = 'visible';
        element.style.display = 'block';
    } else {
        element.style.visibility = 'hidden';
        element.style.display = 'none';
    }
    
} 

in modo che la richiami come:
hideshow("content");
hideshow("content1");
hideshow("content2");

Niente mi dice che è necessario un elemento, ti riporto il codice:

function hideshow(div) {
    
    var element = document.getElementById(div);
    if (element.style.visibility == 'hidden') {
        element.style.visibility = 'visible';
        element.style.display = 'block';
    } else {
        element.style.visibility = 'hidden';
        element.style.display = 'none';
    }
    
} 

<a href="javascript:void(null);" onclick="javascript:hideshow(content6)">Link</a>

<div id='content6'>

hello world!!!

</div>

Prova a correggere il link così:

<a href="javascript:void(null);" onclick="javascript:hideshow('content6');">Link</a>

niente da fare , mi da errore con javascript : Necessario Oggetto

cosa sarà mai?

[alemoppo]

A me funziona: provalo!.

Forse prova ad aggiornare la pagina premento ctrl+F5

Ciao!

non capisco come ora funziona pure a me, e invece prima no, ma cmq il codice di prima ora va bene, grazie ancora :)

[alemoppo]

non capisco come ora funziona pure a me, e invece prima no, ma cmq il codice di prima ora va bene, grazie ancora :)

Non funzionava perché i browser (tutti) utilizzano la "memoria" cache per navigare più velocemente: invece di caricare tutto il contenuto della pagina, alcune cose le salvano nella cache senza dover ricaricarle alla prossima visita di un sito/pagina.

Evidentemente quella parte di script l'aveva salvata e quindi non la aggiornava.
Per forzare a caricare tutta la pagina, devi aggiornarla premento ctrl+F5

Ciao!