Не совсем понял, объясни подробней.  
После 21:00 приду с учебы - помогу.


Изменено:

Все достаточно просто. Ну вот смотри.
Как сделать тег невидимым?
Для этого используется стиль display:none; его само собой можно вставить как в css так и в сам тег. В нашем случае будет проще и наглядней его вставить в тег, вот так: Код:

<span id="smile" style="display:none;">smailiki</span> 

Вставив такую строчку в html мы не увидим текст smailiki.
Можно использовать не span, это не столь принципиально. Если мы в style, display сменим на block.
Пример: Код:

<span id="smile" style="display: block;">smailiki</span> 

Строчка станет видима.

Через JavaScript это делается так так:
Невидим Код:

document.getElementById('smile').style.display = "none"; 

Видим Код:

document.getElementById('smile').style.display = "block"; 

Осталось написать JavaScript который будет проверять наш span и делать его видимым/невидимым.

Это можно сделать так: JavaScript Код:

function showAndHide() {
if(document.getElementById('smile').style.display == "none")
   document.getElementById('smile').style.display = "block";
else
   document.getElementById('smile').style.display = "none";
return false;
} 

Ну и кнопочка с нашими смайликами: HTML Код:

<a href="#" onclick="showAndHide()">off/on</a>
<span id="smile" style="display:none;">smailiki</span> 

Можно и так, но лучше вот так:
JavaScript Код:

function showAndHide(objId) {
if(document.getElementById(objId).style.display == "none")
   document.getElementById(objId).style.display = "block";
else
   document.getElementById(objId).style.display = "none";
return false;
} 

HTML Код:

<a href="#" onclick="showAndHide('smile')">off/on</a>
<span id="smile" style="display:none;">smailiki</span>
<a href="#" onclick="showAndHide('test')">off/on</a>
<span id="test" style="display:none;">test</span>
 

JavaScript Код:

function showAndHide(objId, clos) {
if(document.getElementById(objId).style.display == "none") {
   document.getElementById(objId).style.display = "block";
   document.getElementById(clos).style.display = "none"; }
else
   document.getElementById(objId).style.display = "none";
return false;
}  

HTML Код:

<a href="#" onclick="showAndHide('smile', 'test')">off/on</a>
<span id="smile" style="display:none;">smailiki</span>

<a href="#" onclick="showAndHide('test', 'smile')">off/on</a>
<span id="test" style="display:none;">test</span> 

Ramzies, будь другом, подскажи, а как сделать чтобы он плавно показывался и скрывался? Ну как у тебя на сайте... Или это фирменный секрет? Или через ajax как то?

спасибо, но там немного не понятно. образцы скрипта для показа элементов и прятанья элементов отдельно... а как чтобы при нажатии появлялся, потом при нажатии пропадал?