Criar elemento dinâmico

[3dmaniaco 1]

Olá a todos

 

Como eu posso fazer, para quando eu clicar em um link, seja inserida em meu HTML a tag <img src="" /> de forma automatica e quando eu clicar novamente no link, a tag some do meu código HTML, como fazer ?

 

Valew

[LeoO_DF 22]

Bom, basicamente é isso:

<a>Clique Aqui</a>

$(function(){
	$("a").click(function(){ 
		if($("#Imagem").length)
		{
			$("#Imagem").remove();	
		}
		else
		{
			$("<img />").attr({ src: "LINKDAIMAGEM.formato", id: "Imagem"}).appendTo('body');
		}
	});
});

Caso queira que tenha mais de 1 link que crie imagem sem que delete as outras:

<a class="1">Clique Aqui</a><br />
<a class="2">Clique Aqui</a><br />
<a class="3">Clique Aqui</a><br />
<a class="4">Clique Aqui</a><br />
<a class="5">Clique Aqui</a><br />
<a class="6">Clique Aqui</a>

$(function(){
	$("a").click(function(event){ 
		var ID = $(this).attr("class");
		if($("#"+ID).length)
		{
			$("#"+ID).remove();	
		}
		else
		{
			$("<img />").attr({ src: "LINKDAIMAGEM.formato", id: ID}).appendTo('body');
		}
	});
});