Autor Tema: Problema con la funcion Toggle (Leído 1011 veces)

felipon12@ha · « **en:** 17 de Diciembre de 2010, 22:32:30 pm »

Bueno tengo el problema de que al hacer click en una div en vez de deslizarse hacia al lado se desliza abajo y me desconfigura los botones, quisiera saber como hacer que al darle click a esa imagen se al mueva hacia al lado moviendo las otras igual.

• Ejemplo:

<div id="1"></div><div id="2"></div>

• Al darle click a la 1 que quede así:

<div id="1"></div> <div id="2"></div>

• Pero lo que me pasa es que al darle click a la 1 se me queda asi la 2:

<div id="1"></div>
<div id="2"></div>

westwest · « **Respuesta #1 en:** 17 de Diciembre de 2010, 22:38:57 pm »

Podrías ponernos un ejemplo gráfico (vamos, una página de prueba del codigo k tienes ahora)

felipon12@ha · « **Respuesta #2 en:** 17 de Diciembre de 2010, 22:48:16 pm »

Ahí va:

Normal:

Al darle click se ve asi:

Y lo que quiero es que al darle click se vea asi:

El codigo de el toggle.js:

Código: [Seleccionar]

	$(document).ready(function() {
	 // Oculta todo
	 $('#contenido1').hide();
	  $('#contenido2').hide();
	  $('#contenido3').hide();
	  $('#contenido4').hide();
     $('#contenido5').hide();
	 // :D
	  $('a#1').click(function() {
	    $('#contenido1').toggle(400);
	    return false;
	  });
	  $('a#2').click(function() {
	    $('#contenido2').toggle(400);
	    return false;
	  });
      $('a#3').click(function() {
	    $('#contenido3').toggle(400);
      return false;
	  });
	  $('a#4').click(function() {
	    $('#contenido4').toggle(400);
   	 return false;
	  });
	  $('a#5').click(function() {
	    $('#contenido5').toggle(400);
	    return false;
	  });
	  $('a#todos').click(function() {
	    $('#contenido1').toggle(400);
	    $('#contenido2').toggle(400);
	    $('#contenido3').toggle(400);
   	 $('#contenido4').toggle(400);
   	 $('#contenido5').toggle(400);
   	 return false;
});
});

westwest · « **Respuesta #3 en:** 17 de Diciembre de 2010, 22:53:07 pm »

Prueba a meter los div en un div con width: 100% (o sencillamente mas k lo k ocupen con contenido desplegado) y añadir a los div float.

Por cierto, unas aclaraciones:
usar $('a#algo') es más lento, que $('#algo'), al usar x ID no hace falta especificar más

En vez de hacer:
$('#contenido1').hide();
$('#contenido2').hide();
$('#contenido3').hide();
$('#contenido4').hide();
Podrías ponerles un CLASS y hacer solo:
$('.contenido').hide();

Y podrías resumir las funciones de CLICK en una sola, pero sin el HTML no podría decir como exactamente.

felipon12@ha · « **Respuesta #4 en:** 17 de Diciembre de 2010, 23:00:50 pm »

Ok probare, y una pregunta, es que me di cuenta que al ponerlos separados siempre se desliza hacia abajo, y quisiera saber si existe y como pongo la funcion .slideRight () o .slideLeft(), porque si se que existe .slideDown () y .slideUp()

westwest · « **Respuesta #5 en:** 17 de Diciembre de 2010, 23:12:24 pm »

No existen oficialmente en jQuery creo, sin embargo hace tiempo vi un artículo que decia como hacer un slide hacia los lados. Si lo encuentro te lo paso.

felipon12@ha · « **Respuesta #6 en:** 18 de Diciembre de 2010, 01:39:10 am »

Gracias

Karma

Noticias:

Autor Tema: Problema con la funcion Toggle (Leído 1011 veces)

felipon12@ha

Problema con la funcion Toggle

Comunidad PHPeros

Problema con la funcion Toggle

westwest

Re:Problema con la funcion Toggle

felipon12@ha

Re:Problema con la funcion Toggle

westwest

Re:Problema con la funcion Toggle

felipon12@ha

Re:Problema con la funcion Toggle

westwest

Re:Problema con la funcion Toggle

felipon12@ha

Re:Problema con la funcion Toggle