[jQuery]Div sparisce completamente con slideUp

[luckino69]

Ciao a tutti, sto applicando un effetto ad un div con jquery:

$(document).ready(function(){
	var ricerca = $(".ric");
	var avanzata = $("div#avanzata");
	avanzata.hide();
	ricerca.css("cursor","pointer").click(function(){ 
		if (avanzata.is(':hidden')) {
			ricerca.html(">Ricerca base");
			$("div#ricerca").slideDown("slow").css("height","280px");
		} else {
			ricerca.html(">Ricerca avanzata");
			$("div#ricerca").slideUp("slow").css("height","200px");
		}
		avanzata.slideToggle("slow");
	});
});

dove quando clicco ed il div scende, tutto ok, si ferma all'altezza che gli ho impostato.
Quando clicco per farlo risalire, non mi calcola il parametro .css che gli do e mi scompare tutto il div....
Dove sbaglio?
Scusate se chiedo per la cretinata più assurda....ma non capisco dove sbaglio.
Grazie ciao

[Nerlaleph]

ciao, se ho capito cosa vuoi fare, per farla con lo slideup dovresti, credo, giocare con position relative, absolute, overflow vari.
perchè non provi ad usare l'animate?

$(document).ready(function(){
	var ricerca = $(".ric");
	var avanzata = $("div#avanzata");
	avanzata.hide();
	ricerca.css("cursor","pointer").click(function(){ 
		if (avanzata.is(':hidden')) {
			ricerca.html(">Ricerca base");
			$("div#ricerca").animate({
                            height: 280
                        }, 500);
		} else {
			ricerca.html(">Ricerca avanzata");
			$("div#ricerca").animate({
                            height: 200
                        }, 500);
		}
		avanzata.slideToggle("slow");
	});
});

[Senamion]

Se usi slide è chiaro che lo apre e lo chiude, come ti hanno già consigliato devi usare animate.

[luckino69]

Grazie per l'indicazione dell'animate.
In realtà ho risolto così:

$(document).ready(function(){
	var ricerca = $(".ric");
	var avanzata = $("div#avanzata");
	avanzata.hide();
	ricerca.css("cursor","pointer").click(function(){ 
		if (avanzata.is(':hidden')) {
			ricerca.html(">Ricerca base");
		} else {
			ricerca.html(">Ricerca avanzata");
		}
		avanzata.slideToggle("slow");
	});
});

e togliendo il width al css del div ricerca, in questo modo funziona alla perfezione.