[Antoxa Goaller]

Приветствую вас, друзья! Не могу понять как сделать так, чтобы появлялся лишь один элемент по нажатию на ссылку (с событием onclick),а по второму нажатию убирался.
Как это можно сделать?

Вот мой код:

<div id="inf" style="width:250px; height:100px; border:1px solid #000; margin:100px;" ></div>	

<div class="m">
<a href="javascript://" onclick="PostRU();" >
<img src="http://javascript.ru/cat/list/dom.gif" width="121" height="62" alt=''/>
</a>	
</div>

<div class="m">
<a href="javascript://" onclick="PostTa();">
<img src="http://javascript.ru/cat/list/event.gif" width="121" height="62" alt=''/>
</a>
</div>

<script>
function PostRU() {
var element = document.createElement('div'); 
if (element.innerHTML=='') element.innerHTML = '<div class="information"><div class="outer-block"><label for="telephone">Телефон:</label><input type="tel" id="telephone" placeholder="79102020202" class="input1"/></div></div>';
else element.innerHTML =='';
document.getElementById("inf").appendChild(element);
};

function PostTa() {
var element = document.createElement('div'); 
if (element.innerHTML=='') element.innerHTML = '<div class="information"><div class="outer-block"><label for="name">Имя:</label><input type="text" id="name" placeholder="(ФИО) Иванов Иван Иванович" class="input1"/></div><div class="outer-block"><label for="telephone">Телефон:</label><input type="tel" id="telephone" placeholder="79102020202" class="input1"/></div></div>'; 
else element.innerHTML =='';
document.getElementById("inf").appendChild(element);
}
</script>