2 div a comparsa

[lorenzo_jazz]

Ciao a tutti.
Premetto che non sono esperto di js.
Il mio problema e' il seguente:
in una pagina web ho due div, che voglio far comparire cliccando su due link distinti,
per realizzare questa funzione ho usato la lib. jquery, ed ho richiamato le due funzioni sulla
pagina in questo modo.

<script type="text/javascript">
$(document).ready(function () {
$("#link_01").click(function () {
$("#prodotti").slideToggle("slow")
});
});

$(document).ready(function () {
$("#link_02").click(function () {
$("#vacanze").slideToggle("slow")
});
});

</script>

I due div che si chiamano rispettivamente "prodotti" e "vacanze",
ma io vorrei che alla comparsa di uno, sparisca l'altro.
Qualcuno sa gentilmente aiutarmi??
Grazie

[m4rko80]

<script type="text/javascript">
$(document).ready(function () {

$("#link_01").click(function () {
$("#prodotti").slideToggle("slow");
$("#vacanze").slideToggle("slow");
});

$("#link_02").click(function () {
$("#vacanze").slideToggle("slow")
$("#prodotti").slideToggle("slow");
});


});


</script>

[lorenzo_jazz]

Ciao m4rko80,
ho provato la tua soluzione,
cliccando sul link 01, scende il div "prodotti", a questo punto pero' se clicco su link 02
sparisce soltanto il div "Prodotti" e non appare il div "vacanze",

invece io vorrei che "Prodotti" uscisse di scena ed entrasse "vacanze".

Scusa la confusione!!!!!

[m4rko80]

Ciao, forse e' per una questione di tipo d'effetto.

prova con

<script type="text/javascript">
$(document).ready(function () {

$("#link_01").click(function () {
$("#prodotti").show();
$("#vacanze").hide();
});

$("#link_02").click(function () {
$("#vacanze").show();
$("#prodotti").hide();
});


});


</script>

[lorenzo_jazz]

Grazie mille funziona alla perfezione

ho provato anche ad utilizzare al posto show() e hide()
fadeIn() e fadeOut() e funziona anche cosi,

grazie del consglio!!!!!

Ciaooo