mostrar y ocultar etiqueta div abajo-arriba

oskar5 · #1 (**permalink**) 04/01/2012, 08:42

hola todos tengo un problema quiero ocultar y mostrar una etiqueta DIV com en el sgte codigo pero lo quiero hacer de abajo para arriba no de arriba para abajo como lo hace el ejemplo

porfavor si pueden ayudarme diciendome y explicandomee una forma de hacerlo lo agradesco

Código:

<head>
<script type="text/javascript">
function mostrar() {
  obj = document.getElementById('pepe');
  obj.style.display = (obj.style.display=='none') ? 'block' : 'none';
  document.getElementById('enla').innerHTML = (obj.style.display=='none') ? 'Ocultar' : 'Mostrar';
}
</script>
</head>
<body>
<a href="#" id="enla" onclick = "mostrar(); return false">Mostrar</a>
<div id="pepe" style="display:none">Texto</div>
</body>
</html>

TAMBIEN tengo el MISMO ejemplo en Jquery pero lo mismo se presenta de arriba par abajo y lo quiero al reves por q el elemento lo quiero poner en la parte inferiror de la pagina

Código:

var y;
y=$(document);
y.ready(inicializarEventos);

function inicializarEventos()
{
  var y=$("#boton1");
  y.click(ocultarRecuadro);
  y=$("#boton2");
  y.click(mostrarRecuadro);
}

function ocultarRecuadro()
{
  var y=$("#descripcion");
  y.hide("slow");
}

function mostrarRecuadro()
{
  var y=$("#descripcion");
  y.show("fast");
}

espero su ayuda gracias

pato_cuack · #2 (**permalink**) 04/01/2012, 09:10

Debes hacerlo únicamente en jquery o javascript? porque puedes hacerlo en CSS también...

oskar5 · #3 (**permalink**) 04/01/2012, 09:40

bueno en todo caso necesito o pido porfavor una respuesta que sea mas explicita algo asi como mostrandome COMO SE HACE no q buscar

CSS no deseo utilizar tambien tengo un ejemplo en ello pero CSS no me permite usar el efecto q tambien deseo utilizar para q no aparezca de repente la DIV sino con difuminado y toda la cosa

por favor digamen COMO HACERLE SI SABEN y no me respondan con : hazlo con tal cosa jajaja eso no soluciona mi inquietud

muchas gracias por la atencion igual pato_cuack