JQuery, problème

Bonjour,
J'ai un problème de code dans mon jQuery, alors voilà, j'ai 3 div que je fais apparaître en slide mais je ne sais pas comment faire pour que de n'importe quelle page je puisse l'utiliser
voilà mon code
<div id="accueil">
<div id="contenu">
accueil
</div>
</div>
<div id="page2" style="display:none">
<div id="contenu">
2
</div>
</div>
<div id="page3" style="display:none">
<div id="contenu">
3
</div>
</div>

<script type="text/javascript">
$("a#accueil").click(function () {
$("div#accueil").slideUp(800, function () {
$("div#accueil").slideDown(800);
});
return false;
});
$("a#page2").click(function () {
$("div").slideUp(800, function () {
$("div#page2").slideDown(800);
});
return false;
});
$("a#page3").click(function () {
$("div").slideUp(800, function () {
$("div#page3").slideDown(800);
});
return false;
});
</script>
Le problème est que lorsque je suis sur une autre page que l'accueil, ça ne marche plus.
Le problème vien de la fonction slideUp mais je ne sais pas comment rectifié ce problème.
Merci de m'aider.