Ocultar elementos mediante javascript

[ManelGomez]

Hola todos:

Hace poco encontre este código

Código PHP:

    function mostrar(enla) {
  obj = document.getElementById('oculto'+enla);
  obj.style.display = (obj.style.display == 'block') ? 'none' : 'block';
} 
   

oculto que se concatena para nombrase oculto1 es el "id" de un div. Este div hay una descripción más extensa. Ahora como tengo más div de este tipo que cada uno corresponde enlace de la siguiente forma. Puede haber más uno. Al enlace lo llamo con este

Código PHP:

  <li><a href="#" onclick="mostrar('1'); return false">Contrato joven</a></li> 
   

Ahora ¿ Como hacer, que cuando clicqueo uno de ellos, los demás se oculten si hay alguno que se esta mostrando.

He probado de hacerlo con hidden visible hidden, pero entonces me pasa que como son div que trabajan en bloque ocupan su lugar que les corresponde.

He intentado hacer con CSS el float: left; y no he conseguido.

El caso es sencillo mientras se visualiza uno los demas invisibles. Trabajando con la misma función.

Un saludo.

[alberto510a]

Hola, sino me equivoco tú lo que necesitas hacer es que al pulsar en uno se oculten todos los demás ¿verdad?

Entonces hay muchos caminos posibles yo por ejemplo jugaría haciendo un array doble, algo así a forma de esquema:

[0]=>Botón1 pulsado=>dentro de este array hay otro array más que contiene en cada paso las ids de los elementos que debe ocultar
[1]=>Botón2 pulsado=>dentro de este array hay otro array más que contiene en cada paso las ids de los elementos que debe ocultar
[2]=>Botón3 pulsado=>dentro de este array hay otro array más que contiene en cada paso las ids de los elementos que debe ocultar
[3]=>Botón4 pulsado=>dentro de este array hay otro array más que contiene en cada paso las ids de los elementos que debe ocultar

Espero haberte ayudado.
Saludos!

[ManelGomez]

Hola Albert:

Si es eso lo que quiero. Pero no entiendo tu esquema.

Para mi un array es una estructura (campo = valor, campo2 = valor2, .....) ¿ Cual le das tu ?.

Una teoria seria:

Obtener el numero de tag que hay en la pagina y que tengan como clase=" paraocultar". ejemp. div id=ocultar1 class="paraocultar" mediante getElementByClassName.

Creas un bucle desde el primero hasta el ultimo poniendo todos a display nome y por ultimo pones a block el id cliqueado.

Ahora esta traducir todo esto a codigo. Igual ni se puede.

Un saludo.

[alberto510a]

Los arrays pueden ser de diferentes formas y yo en concreto me refiero a los multidimensionales. Cuando leí tu post se me vino a la mente algo "bonito" (o al menos para mí jaja). De todas formas por si no lo entiendes te preparé un ejemplo:

Código HTML:

<ul>
        <li><a id="1" onclick="ocultar_mostrar(0);">Opción 1</a></li>
        <li><a id="2" onclick="ocultar_mostrar(1);">Opción 2</a></li>
        <li><a id="3" onclick="ocultar_mostrar(2);">Opción 3</a></li>
        <li><a id="4" onclick="ocultar_mostrar(3);">Opción 4</a></li>
        <li><a id="5" onclick="ocultar_mostrar(4);">Opción 5</a></li>
</ul>
 

Código Javascript:

var opciones = [[2,3,4,5],[1,3,4,5],[2,1,4,5],[2,3,1,5],[2,3,4,1]];
    function ocultar_mostrar(numero){
        for(h=0;h<4;h++){
            document.getElementById(opciones[numero][h]).style.display = "none";
        }
    }
 

Básicamente en una misma variable creo un doble array, la dimensión primera contiene otro array con los elementos que debe ocultar si se selecciona la opción uno y así igual con todas las demás...

Saludos!

[dhayzon]

no se si esto te sirva ami parecer es mejor y facil

ami me sirvio

http://rafaelcouto.com.br/artigos/mostra_ocultar_jquery/

saludos

[ManelGomez]

Hola a todos:

Gracias Albert y dhayzon:

Ahora me miro los códigos y comento algo.

un saludo