Buenas tardes.
Para empezar inicio diciendo que me encontre este codigo y que no se mucho de javascript, el codigo funciona perfecto para ocultar y mostrar el div. Lo explico mejor
al hacer click en "leer mas" muestra el div oculto con la información, en el div oculto esta una x que es para volver a ocultar el div. El problema que tengo es que no me oculta el Leer mas me lo deja ahi les paso el codigo.
Código:
<script type="text/javascript">
function showLightbox() {
document.getElementById('over').style.display='block';
document.getElementById('fade').style.display='block';
document.getElementById('mas').style.display='none';
}
function hideLightbox() {
document.getElementById('over').style.display='none';
document.getElementById('fade').style.display='none';
document.getElementById('mas').style.display='block';
}
</script>
<style>.fadebox {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.overbox {
display: none;
/*position: absolute;
top: 25%;
left: 25%;
width: 50%;
height: 50%;*/
z-index:1002;
}
.leerover{display:block;}
#mas a{
color:#EE8E22;
background-repeat:no-repeat;
height:20px;
width:80px;
float:left;
font-size:11px;
line-height:20px;
text-align:center;
margin-top:10px;
margin-bottom: 10px;
}
#mas a:hover{
color: #D3620E;
background-repeat: no-repeat;
height: 20px;
width: 80px;
float: left;
line-height: 20px;
text-align: center;
margin-top: 10px;
font-size: 11px;
margin-bottom: 10px;
}
#box {
background: #FFFFFF;
padding: -10px;
text-align: justify;
}
</style>
<div id="mas" class="leerover"><a href="javascript:showLightbox();">Ver Más...</a></div>
<div id="over" class="overbox">
<div id="box"><a style="float:right" href="javascript:hideLightbox();"><img src="images/close.gif" width="14" height="14"></a>
<p>Hemos trabajado en 16 Países Latinoamericanos así como en la Unión Europea.</p></div>
Asigno el ID del div que contiene el enlace al script y le coloco que al hacer la llamada lo oculte y viceversa, ya busque la solucion por todos lados y no la encontro temo que no se pueda.
Espero alguien pueda hecharme la mano.
de antamano muchas gracias