| 

.NET C# Java Javascript Exception

5
Hallo Codekicker, ich hab hier n seltsames Problem.

ich hab da ein Fenster das von oben nach unten slidet. Wenn das Fenster ganz aufgeslidet ist, wir ein bereich ausgefadet. ... soweit klappt das auch wunderbar.

Nun muss aber dieses Fenster verkleiner werden. ... das klappt auch, aber:

Wegen dieser verkleinerung wir aus meinem FadeOut ein "Plopp-Weg". Wie Definier ich eine Pause mit JQuery zwischen FadeOut und height ?

so schaut mei code aus:
<script>
$('.push').click(function() {
 $('#screen').css("clip", "rect(auto auto auto auto)");
 $('#screen').css("height", "609px");
 $('.push').css("visibility", "hidden");
  $('.screen-content').slideDown(1500, function() {
 $('.push-c').fadeOut("slow").delay(3800);
 $('#screen').css("height", "512px");
  });
});
</script>


wie ihr seht, hab ich in den letzten 2 zeilen ein delay eingebaut, es greift aber nicht.

Hat jemand von euch ne idee, lösung ?

gruß Tomas
News:
15.11.2011
h2nx
h2nx
23 ● 2
2 Antworten
4
delay wirkt nur für die nachfolgenden Elemente in der Kette (also wie im Beispiel von Nicolai).
Leg am besten mal ein Beispiel bei jsFiddle an, sonst wird das mit dem Helfen recht schwer (naja, zumindest ich hab mit Deiner Beschreibung schon so meine Probleme).

Wenn die Zuweisung "height: 512px" 3800ms warten soll, dann sieht es eher so aus.
$('.screen-content').slideDown(1500, function() {
    $('.push-c').fadeOut("slow");
    $('#screen').delay(3800).css("height", "512px");
});


Du kannst aber auch warten, bis das fadeOut fertig ist.
$('.screen-content').slideDown(1500, function() {
    $('.push-c').fadeOut("slow", function () {
        $('#screen').css("height", "512px");
    });
});
15.11.2011
WolfgangKluge
WolfgangKluge
1,0k ● 1 ● 5
Editiert 15.11.2011
WolfgangKluge
WolfgangKluge
1,0k ● 1 ● 5
Jaaa, genau so muss das sein. Vielen Dank!
– h2nx 15.11.2011
0
Hi,

versuch mal dein delay umzudrehen:

$('.push-c').delay(3800).fadeOut("slow");
15.11.2011
Nicolai Schönberg
Nicolai Schönberg
2,3k ● 1 ● 8
ne hat leider nich geholfen
– h2nx 15.11.2011
Kannst du bitte dein Problem auf http://jsfiddle.net/ nachbauen? Einfach HTML und JS copy / paste und dann den link hier posten? Dann guck ich mal direkt.

Gruß
– Nicolai Schönberg 15.11.2011
ok mom. hab das noch nie gemacht.
– h2nx 15.11.2011
http://jsfiddle.net/TUnHe/
– h2nx 15.11.2011

Stelle deine Javascript-Frage jetzt!