ocultar texto de un div

[pakillo]

Hola tengo el siguiente codigo que es para ocultar el texto que esta en un div, y si hago nuevamente click lo muestra, el problema es que el texto aparece desde que se carga la pagina, y yo quiero que este oculto hasta que se haga click, el codigo que tengo es el siguiente

Código HTML:

 <a onclick="switchMenu('myvar');" >click aqui</a>
      <div id=\"myvar\">
     texto a mostrar      </div> 

y la funcion es esta

Código:

function switchMenu(obj) {
        var el = document.getElementById(obj);
        if ( el.style.display != "none" ) {
                el.style.display = 'none';
        }
        else {
                el.style.display = '';
        }
}

¿Como lo cambio para que no aparezca hasta que no se haga click?

Saludos

[Shiryu_Libra]

Asignalo desde un principio, asi cuando lo mandes llamar aparecera

Código:

<div id=\"myvar\" style="visibility:hidden; display:none;">
     texto a mostrar
</div>

[pakillo]

Gracias Shiru_Libra ahora no aparece al principio, pero ocurre algo muy raro, ahora cuando le doy click para que aparezca, no muestra nada, como esta dentro de una celda, se ve como se expande la celda, pero no se ve el texto.

[JavierB]

Hola pakillo

Quita visiblility:hidden y dejalo así:

<div id="myvar" style="display:none;">

Saludos,

[Shiryu_Libra]

lo bueno que siempre estan los atentos a los errores y los corrijen sabiamente.
y pues es cierto, se me paso ese detallito, casi nada. es que uso esas propiedades de esta forma

<div class="feature" style="visibility:hidden; display:none;"
contenido......
</div>

para que por defecto, no ocupe espacio, y sea oculto
y lo mando llamar con esta funcion, que me fue proporcionada aki, y ha sido de mucha utilidad

Código:

<script LANGUAGE="javascript">
var capa
var antes
var capa1
var antes1

function cambio(idCapa){
if (document.all) capa = eval(idCapa + ".style");
if (document.getElementById) capa = eval('document.getElementById("' + idCapa + '").style');
if ((capa.visibility == "hidden") || (capa.visibility == "hide"))
     {capa.visibility="visible" ;
    capa.display="";
    }
    else
    {capa.visibility="hidden";
        capa.display="none";}
if (antes==null)
    {antes=capa;}
    else
    {antes.visibility="hidden" ; antes.display="none"; antes=capa;
    }
}
//-->
</script>

[pakillo]

Gracias a los dos, ahora si funciona bien :)

[lectocat]

Hola a todos!

Soy nuevo en el foro, encontré esta página buscando información sobre cómo ocultar texto. He probado vuestros códigos pero no me funcionan. Creo que lo que pasa es que no sé dónde poner el código de función para que el enlace "click aquí" oculte el texto. Pero también hay que tener en cuenta que estoy usando un Google Site y no una web independiente. Se agradecenpara adelantado las respuestas.
Por cierto, si no fuera mucho pedir, también me gustaría saber cómo se hace para cambiar el color de fondo de mi Google Site, porque aunque hay la opción de escoger plantillas de diferentes colores, esos colores solo estan por los bordes de las web, y yo quiero poner un color de fondo para toda la web, porque bajo el texto sigue en blanco.
Gracias.

[caricatos]

Hola lectocat, bienvenido a los foros :

Te recomiendo no revivir viejos temas (como éste)... siempre puedes referenciarlos en mensajes nuevos. Además, tu pregunta lo merece.

Saludos