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

 

[alessandro1997]

Modifica così:

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

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

E vedi se funziona. Ho anche corretto qualche altra cosa che mi sembrava opportuno aggiustare.

 

[lorenzo_jazz]

Grazie Alessandro. funziona alla perfezione:mavieni: