EDIT2: Ya lo he solucionado. ¿Como? Pues cargandome javascript y haciendolo todo del lado del servidor con PHP. Por si a alguien le interesa:
El PHP:
Código:
<?php
if ($_GET['modo'] == "avanzado") {
$avanzado = "";
} else {
$avanzado = "display:none";
}
?>
El CSS
Código:
<style type="text/css">
.soloavanzado{<? print $avanzado ?>}
</style>
Para rularlo ponemos un botón:
Código HTML:
onclick="location.href='?modo=avanzado'"
Y otro que quite dicho modo
Y luego solo queda poner a las cosas que se quieren ocultar la clase correspondiente
Muchas gracias a todos por responder! :)
Probaré lo de getElementsByClassName hoy a ver que tal funciona y os cuento.
Saludos!
EDIT: He utilizado la clase getElementsByClassName, y me selecciona los objetos (si hago un alter() me dice "objet HTMLCollection"), pero no pued cambiarles la clase.
El CSS que uso es el siguiente:
Código:
.solofisico_oculto {display:none}
.solofisico_mostrado {display:table-row}
.soloesp_oculto {display:none}
.soloesp_mostrado {display:table-row}
Y luego, para cambiarla:
Código HTML:
onclick="
document.getElementsByClassName('solofisico_oculto').className = 'solofisico_mostrado';
document.getElementsByClassName('soloesp_mostrado').className = 'soloesp_oculto';
y
Código HTML:
onclick="
document.getElementsByClassName('solofisico_mostrado').className = 'solofisico_oculto';
document.getElementsByClassName('soloesp_oculto').className = 'soloesp_mostrado';
Pero no pasa nada al hacer onclick, la clase no cambia :S