[SOLUCIONADO] arrastrar un div (A) para mostrar otro div (B) oculto tras el primero (A).

[sumde]

Hola. me he leído algunos post de acá sobre super poner divs, sin embargo no hallé alguno que me resolviera la duda, así que acá vuelvo, lo que quiero hacer es con dos div, los llamo A y B, en A tener una imagen y en B un texto, pretendo que al mover mi div A se deje descubierto mi div B.

si alguien supiera una forma en qué pueda lograrlo lo agradeceré enormemente!!

Saludos a todos!!!

[pzin]

En el contenedor usa una posición relativa, y en el que quieres poner encima, lo pones dentro con una posición absoluta y lo colocas donde quieras con top, right, bottom y/o left.

[sumde]

Hola, gracias por responder, intento eso de posicionar uno sobre otro, ya lo que me da problema es lograr que ya estando superpuestos, poder arrastrar el de arriba hacia un lado para que deje descubierto el de fondo. Alguna forma con CSS??

Desde ya mil gracias!!!

[mbm150]

Hola,

si lo que quieres es hacer un hover, puede ser algo así, pero un poco más currado: https://jsfiddle.net/mbm150/c13y650w/

Saludos.

[sumde]

Iniciado por mbm150

Hola,

si lo que quieres es hacer un hover, puede ser algo así, pero un poco más currado: [URL="https://jsfiddle.net/mbm150/c13y650w/"]https://jsfiddle.net/mbm150/c13y650w/[/URL]

Saludos.

Hola!!!
Sí, esa es la idea de lo que intento hacer, el único detalle es que en los móviles no va bien el hover, he estado investigando, de pronto andaré mal de intentar hacerlo con css??


Gracias por tu ayuda!!!
Saludos!

[mbm150]

Bueno, se puede hacer con :target, o con otros métodos como poner inputs y eso, algo así: https://jsfiddle.net/mbm150/c13y650w/1/

Pero eso ya es mas rollo, lo suyo seria usar javascript para hacerlo onClick.

Saludos.

[siddartha23]

El script para hacerlo funcionar .on 'click' en celulares es muy pequeño en realidad así que no tendría por que preocuparte el tema movil..

[sumde]

Ok comprendo, siendo así me voy a revisar con onClick y vuelvo a ver cómo fue!

Gracias por sus respuestas!!!

[pzin]

Para el tema del :hover puedes ampliar tu selector. Por ejemplo, si tienes:

Código CSS:

div:hover {
}
 

Dejarlo así:

Código CSS:

div:hover,
div.hover {
}
 

Y luego en ese elemento:

Código HTML:

<div ontouchstart="this.classList.toggle('hover');>
 

Me parece más correcto usar ontouchstart que onclick. Y de paso te ahorras usar jQuery.

mbm150 es preferible publicar el código en el foro, luego si quieres enlazas también a jsfiddle (o incluso lo incrustas con [jsfiddle][/jsfiddle]) pero dejar el código en el foro es más importante porque si mañana por lo que sea deja de funcionar jsfiddle o lo que sea pues quedan los recursos por aquí y puede valerle a otros.

[sumde]

Hey me olvidé de agradecer por su ayuda y marcar como resuelto, no tenía mucho conocimiento sobre el tema pero con los datos que me has dado lo conseguí, dejaré por acá el código por si de pronto a alguien le sirve.

Gracias a todos. Marco como resuelto.