Agregar contenido - Jquery

[huertas87]

Qué más muchachos.

Mi pregunta es la siguiente: dentro de una función click estoy agregando etiquetas y contenido a una lista "ul". entonces resulta que es en está lista donde siempre se van a crear los contenidos... lo que quiero es que el contenido que cree anteriormente se esconda cuando cree el otro.

Espero haberme hecho entender... de antemano gracias por su ayuda.

[arturosl]

Mas o menos entendí tu problema y lo que podrías hacer a mi parecer seria lo siguiente:

Código Javascript:

$("#agrega").on("click",function(event){
  event.preventDefault();  // previene refresco
   // ocultamos contenido
   $("ul li").fadeOut("fast").hide();
    // agregamos contenido
   $("ul").append("<li>Contenido Agregado</li>");
});
 

Ahora el html seria asi:

Código HTML:

<a href="#" id="agrega">Agrega contenido</a>
<ul>
    <li>Contenido antiguo</li>
</ul>
 

Espero haberte ayudado.

[huertas87]

Gracias por contestar "arturosl"

Si, perdón por no haberme hecho entender. Reformulo mi pregunta:

Básicamente tendría esto, una lista...

Código HTML:

<ul>

</ul> 

Por medio de jquery agrego cada <li> (También como "arturosl" lo propuso).

El problema es el siguiente, cada elemento de la lista va a llevar un enlace. Entonces va a suceder cada elemento de la lista me va a llevar a un mismo lugar. cosa que no puede ser ya que cada elemento de la lista me tiene que llevar al contenido de ese elemento, contenido que se va a crear de igual forma.

Bueno, espero que me haya hecho entender.