Div que desaparezca y aparezca

[fedefrankk]

Hola a todos, lo que necesito es (creo) simple, hago un div, dentro de el pongo texto y/o una imagen, cuando preciono sobre ese div, que aparezca otro en la misma pagina, obvio que el que aparezca ya estaba prebiamente creado.

Gracias de antemano a todos

saludos
fede

[triibhals]

Iniciado por fedefrankk

Hola a todos, lo que necesito es (creo) simple, hago un div, dentro de el pongo texto y/o una imagen, cuando preciono sobre ese div, que aparezca otro en la misma pagina, obvio que el que aparezca ya estaba prebiamente creado.

Gracias de antemano a todos

saludos
fede

Facil con Fading-jQuery API
le das Efectos de aparecer y Desaparecer al DIV
http://api.jquery.com/category/effects/fading/

[fedefrankk]

Hola muchas gracias por contestar, que buena que esta esa web, ya probe los ejemplos excelentes.!!!...

algo mas sencillo?, por ejemploalgo asi?

<div onclick="alert('Has pinchado');">

yo tengo dos div, uno que se llama "num1" otro "num2", como hago para relacionarlo esconder uno o mostrarlo desde un boton.

yo hice algo asi pero no funciono
<div onclick="visibility='hidden';>

saludos y muy buenos los ejemplos
fede

[ArturoGallegos]

algo mas simple? mmmm te sirve este ejemplo?

Código CSS:

.ocultar{display:none;}
 

Código HTML:

<span onclick="mostrar('hola')">hola mundo</span>
<div id="hola" class="ocultar">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
<script type="text/javascript">
    function mostrar(id){
        var NuevaCapa = document.getElementById(id);
        if(NuevaCapa.className == 'ocultar'){
            NuevaCapa.className = '';
        }
        else{
            NuevaCapa.className = 'ocultar';
        }
    }
</script>
 

[fedefrankk]

Hola buenisimo.!!! ese anda de 10 y es por mi entendible, una pregunta no quiero abusar de tu tiempo, cuando pones

Código HTML:

<span onclick="mostrar('hola')">hola mundo</span>
 

como puedo hacerlo eso mismo pero precionando otro div o un boton.

Muchas gracias, me sacaste de muchas dudas,
saludos
fede

[fedefrankk]

Hola de nuevo, si quiero que el texto a mostrar me salga con un fondo distinto, hago lo siguiente y nada....

Código HTML:

<style type="text/css">
.ocultar{
    display:none;
    background:#09F;
    }
 
</style>
 

Saludos
fede
PD: GRACIAS POR TU PACIANCIA-

[ArturoGallegos]

estoy en un celular asi que te dare ideas y no codigo.... En la funcion onclic puse la palabra hola entre comillas alli coloca la Id del div que deseas ocultar y mostrar, el onclic lo puedes usar en cualquier elemento, parrafos, enlaces, botones,etc.

Para los estilos puedes crear otra class y modifica el java yo indique que el classname=''
Para que lo mueste tu coloca en su lugar classname='visible'
Y en el css
.visible(display:block;background:#fe0;)
Con eso deberia andar...
Ps: hay dispensa las faltas ortograficas y el css mal hecho ñ.ñ

[fedefrankk]

Muchas gracias por tu tiempo, mucho no entiendo estoy aprendiendo

Saludos
fede

[fedefrankk]

Hola, disculpa que sea tan pesado, me salio lo entendi y te agradezco mucho, como puedo hacer lo mismo pero pasar el maus y que aparezca un div y scar el maus y que desaparezca,

vos pusite

Código CSS:

<div class="num1" id="1" onclick="fun01()">mi texto</div>
 

yo hice esto

Código CSS:

<div class="num1" id="1" onmouseover="fun01()">mi texto</div>
 

paso el maus por el primer div aparecese el segundo div, pero tengo que pasar el maus otra vez por el primer div para que desaparezca el segundo, se puede hacer si tener que pasar el maus por el primero?.

Muchas Gracias
Saludos
fede