Problème d'affection de propriété CSS en JS

Bonjour,
J'ai un petit problème. J'ai ne page php avec un div tout bête. Sur ce div, il y a un bouton, qui fait appel à la fonction "reduire". Cette fonction "cache" mon div en l'envoyant à environ 1000px en dessous de sa position normale, ce qui, normalement, suffit à le rendre invisible aux yeux de tout le monde. Cette fonction "reduire" créé aussi un autre bouton, situé plus loin dans la page, qui fait appel à la fonction "afficher", qui doit "détruire" le bouton créé par "reduire" et replacer le premier div à sa position initiale. Voici ces deux fonctions :

function reduire(fenetre)
{
fenetre.style.top = '999px';

color = document.createElement("div");
color.id = 'launcheritem';

color.innerHTML = '<div class="item" style="float:left;"><button class="window-max" onclick="afficher()"></button></div>';

document.getElementById("launcher").appendChild(color);

}

<!--
function afficher(fenetre)
{
fenetre.style.bottom = '2px';

document.getElementById("launcher").appendChild(color).style.visibility = 'hidden';
}
-->

Seulement voila, si la fonction "reduire" marche très bien, la fonction "afficher" bugge un peu.. La fonction qui détruit mon bouton (ici nommé color), marche bien. Mais impossible de replacer le div de départ à sa place!!! Auriez vous une solution?