¿Eliminar el html adjunto usando jQuery?

Question

usando jQuery, que actualmente anexar html en un div en un evento de clic. El siguiente código me permite sólo aumento gradual de la parte anexa de la div:

var html = ".."; 
$('<div></div>').appendTo("#id").hide().append(html).fadeIn('slow'); 

Esta parte funciona perfectamente. ¿Pero cómo puedo eliminar más adelante (desvanecerme) solo la parte añadida? He intentado hackear esto almacenando el html previo a la Anexión, y luego simplemente ocultar todo y que muestra el HTML almacenado. Pero esto no funciona bien cuando el mismo procedimiento se reutiliza para varios divs en la misma página (y esto parece una implementación deficiente). ¿Existe una forma correcta de hacer esto? Para dar una idea de por qué necesito esto: piense en una página tipo blog donde para cada artículo en la página hay varios comentarios con solo x cantidad que muestra de forma predeterminada: el evento click obtiene los comentarios restantes y los muestra y al volver a alternar el botón, se eliminan los comentarios añadidos y se lo devuelve al estado original.

Answer 1

que acababa de establecer y restablecer el html con '.html()' ...

- editar

a ser más clara, con un área layed a cabo específicamente para la adición de estos comentarios:

<div id='commentarea1'></div> 

etc.

Answer 2

Probar:

var html = ".."; 
$('<div></div>').appendTo("#id").hide().append(html).fadeIn('slow').addClass('appended'); 

luego

$('#id .appended').fadeOut('slow'); // or whatever you want to do. 

Answer 3

No es que claro a partir de la pregunta, pero dicen que muestran 5 comentarios por defecto y luego mostrar x más comentarios. Para volver al estado predeterminado de 5 comentarios originales, puede eliminar todos los comentarios con un índice mayor que 4 (basado en cero).

Lo siguiente asume cada comentario va dentro de su propio div que tiene un comentario clase.

$('#id>div.comment:gt(4)').remove(); 

Answer 4

vacía() es siempre una opción

jQuery ('# principal') vacía (.);

Answer 5

Dale un vistazo a la función empty().

Podría mejor resolver el problema. Aquí está el enlace http://api.jquery.com/empty/