Ocultar y mostrar capa con su peculiar detalle en el botton

[Prais]

Hola: tanto tiempo jejej, de nuevo yo, he estado investigando mucho en el foro, y me quedo con este ejemplo de ocultar capas, el problema es hace lo que necesito al revez (tipico), ya que cuando se recarga la pagina empieza mostrando la capa y yo necesito que parta oculta, y al presionar el botton se muestre, y cuando se presione de nuevo se oculte.
Se que hay mucho codigo como este, la gracia de este es que cuando se carga la pagina el botton empieza con ocultar(ya que aparece la capa), y cuando se presiona aparte de ocultar la capa, el botton cambia y dice mostrar. esta re-buena.
Mi problema es que no puedo hacer que parta la capa oculta y logico que el botton diga mostrar.
No crean que no lo intente pero no logro ocultar la capa cuando se carge la pagina.
les posteo:

Código Javascript:

hacer=1;
function mostrar_o_no(capa){
hacer=-hacer;
document.getElementById('boton').value=(hacer==1)?"Ocultar Capa":"Mostrar Capa";
document.getElementById(capa).style.visibility==(hacer==1)?"hidden":"visible";
}
 

y en el body:

Código HTML:

<input id="boton" type="button" onclick="mostrar_o_no('primera')" value="Ocultar" />
 

y logico el div de la capa:

Código HTML:

<div id="primera">Contenido de la capa</div>
 

Muy Agradecido por su ayuda.-

Saludos.-
-------------------------------------

[maycolalvarez]

estás intentado asignar (=) con el operador de comparación (==) :

document.getElementById(capa).style.visibility = (hacer == 1) ? "hidden":"visible";

además tu lógica boleana falla, debe ser así:

hacer= (hacer) ? false : true;

todo numero diferente de 0 es true, -1 es true, 1 es true y 0 es false

[Prais]

Gracias por la sugerencia y por la didactica explicacion,

lo probare y te cuento.-

Sorry por la logica, estoy empezando en todo este mundo web, aunque aca en el foro me he instruido demasiado, gracias a sus aportes y sugerencias.-

Saludos.-
-------------------------------

[maycolalvarez]

la lógica boleana no es solo parte del mundo web, sino del mundo de la programación y computación en general, es bueno que estudies principios de programación que son completamente aplicables a la mayoría de los lenguajes.

[marlanga]

Prueba esto:

Código:

function mostrar_o_no(capa,boton){
	boton.value=(boton.value=="Mostrar"?"Ocultar":"Mostrar");
	document.getElementById(capa).style.visibility=(document.getElementById(capa).style.visibility=="visible"?"hidden":"visible");
}

<div id="capa" style='visibility:hidden;'>HOLA</div>
<input id="boton" type="button" onclick="mostrar_o_no('capa',this);" value="Mostrar" />

[Prais]

Iniciado por maycolalvarez

la lógica boleana no es solo parte del mundo web, sino del mundo de la programación y computación en general, es bueno que estudies principios de programación que son completamente aplicables a la mayoría de los lenguajes.

Ok, entiendo, lo tendre muy en consideracion.
Agradecido.-

y:
Marlanga: Hace exactamente lo que necesitava,
Me llama la atencion como manejas el evento en el botton y yo complicandome con el hacer=-hacer, etc...

Bueno es increible lo que se logra con una ayudita y lo mejor es que les sirve a todos los que necesiten algo parecido, y no es menor ya que siempre llega un momento de querer ocultar una capa.

No lo posteo, ya que es identico al publicado por Marlanga.

Tema resuelto en un 100%.

Saludos Cordiales.-
--------------------------------------------