funzione al click per far vedere un div

salveee <3 sono nuova e non molto esperta in realtà Y_Y sto provando a montare una cosa chiamata gdr cd e oltre ad incasinarmi la vita vorrei anche semplificarmela ahahah

ok la mia domanda è questa:
- come creo una funzione standard per rimuovere una classe che nasconde i div?
(vi spiego)
spesso mi capita di dover non far vedere div normalmente fino al click di alcuni bottoni. Quindi vorrei crearmi una funzione generica che al click su un elemento mi rimuova una classe settata nel css con display none.

fino ad ora sonon arrivata qui:

Codice PHP:

---

<script type="text/javascript">
$("#Rimuovibutton").click(function(){
$( "#site_width" ).removeClass("hiddenpass");
});

</script>


---

Codice HTML:

---

<input id="Rimuovibutton" type="button" value="Prova" />
<div id=""><div id="site_width " class="hiddenpass">Roba dentro bla bla bla</div></div>

---

che mi dite ho fatto un casino? perchè non mi funziona...

Prova ad eliminare lo spazio dopo site_width.

ho provato ma quanto pare è un problema di dichiarazione della function di jquery sto cercando in internet la dichiarazione corretta T_T

Ciao è benvenuta, la funzione removeClass elimina solo la classe non gli elementi.. Se invece vuoi solo nasconderlo (display: none o visibility: hidden per un div con id site_width) il primo non influisce sul layout mentre il secondo si.. Per questo motivo non uso .toogle di jquery.
Supponendo che hai anche la dichiarazione jquery nell'elemento script..
Lezione selettori CSS.. "#id" ".class"

Codice:

---

if ( display === true ) {
  $( "#Rimuovibutton" ).click(function() {
  $( "#site_width.hiddenpass").show();
});
} else if ( display === false ) {
  $( "#Rimuovibutton" ).click(function() {
  $( "#site_width.hiddenpass").hide();
});
}

---

Potresti anche scegliere che il DIV (non può esistere due o piu id con lo stesso nome) che ha la classe hiddenpass di default sia nascosto.. Cioè prima di ricorrere a JavaScript usi il CSS e successivamente JavaScript.

Codice:

---

#site_width.hiddenpass {
display: none;
}

---

Esempio per nascondere qualsiasi elemento che possiede una classe hiddenpass
$( ".hiddenpass").hide();