Insetar un div inmediatamente despues de otro

[matech]

Hola como estan?

Es mi primer post en el foro, lo estuve leyendo y la verdad que me parece muy bueno. Soy medio novato en jquery y lo que necesito no lo encontre en ningun lado.
Mi problema es el siguiente, tengo el siguiente codigo:

<div id="panel">
<div class="elemento">1</div>
<div class="elemento">2</div>
<div class="elemento">3</div>
</div>

Con $.ajax genero otro <div class="elemento">siguiente numero</div> y quiero insetarlo inmediatamente despues del div "panel".
Intente hacerlo con append, pero lo inserta despues del ultimo div "elemento", y quiero que quede asi:

<div id="panel">
<div class="elemento">siguiente numero</div>
<div class="elemento">1</div>
<div class="elemento">2</div>
<div class="elemento">3</div>
</div>

Espero que se entienda, sino me preguntan.

Muchas gracias!

[Naahuel]

.prepend()? :P

[matech]

Iniciado por Naahuel

[URL="http://api.jquery.com/prepend/"].prepend()[/URL]? :P

jjajaj muchas gracias!!! dije que era novato en jquery =P

[matech]

Una consulta mas, ya que estamos.

Como puedo hacer para darle un efecto de faceTo (de 0 a 1) al div recien insertado?
Lo estuve intentando hacer pero el faceTo se aplican a todos los div's que estan dentro de "panel".


Gracias.

[Naahuel]

Algo así:

Código Javascript:

// Creo el nuevo DIV y lo oculto.
var $nuevo_div = $('<div class="elemento" />').hide();
 
$nuevo_div.html('<p>Le aplico html al div</p>');
 
//agrego div
$('#panel').prepend($nuevo_div);
$nuevo_div.fadeIn();
 

[matech]

Lo probe y no funciona. Hay un par de cosas que no entiendo.
Por ejemplo, el "nuevo div" es una respuesta a una consulta ajax, entonces puedo hacer esto:

Código:

$.ajax({
	url: "ejemplo.php",
	type: 'POST',
	success: function(msg)
	{	
		var $nuevo_div= $msg.hide();
		$("#panel").prepend($nuevo_div);
		$nuevo_div.fadeIn();
	  }

y otra cosa que no entiendo (o no sabia), es correcto que vaya el sigo "$" al principio de la variable "nuevo_div"??

Gracias.

[Naahuel]

Lo que hiciste mal es esto:

Código Javascript:

$msg.hide();
 

Yo creo que te has confundido con mi notación. Yo uso el signo $ delante de las variables para saber que esas variables son objetos jQuery. Eso no realiza ninguna acción, es sólo notación.

Lo crrecto sería:

Código Javascript:

$(msg).hide();
 

Lo cual tomaría el HTML dentro de la variable msg y crearía un nuevo objeto jQuery.

[matech]

PERFECTO!! ahi funciona. Mil gracias!!