jquery fadein funktioniert, aber fadeout nicht

litterauspirna · 12.02.2012, 16:31

Hallo Leute,

nun meine ersten Schritte mit JQuery bin ich grad ma gehen.

Folgender Code funcktioniert nur im ersten Event.

PHP-Code:

  $(document).ready(function() {
    $('#show_com_form').click(function(){
        $('#comment_form_container').fadeIn('fast');
        $(this).attr('id', 'hide_com_form');
    });
    
    $('#hide_com_form').click(function(){
        $('#comment_form_container').fadeOut('fast');
        $(this).attr('id', 'show_com_form');
    });
});

Das Fadein klappt ohne Problem, auch die id wird geändert, dass sagte mir Firebug. Aber wenn ich das wieder zumachen will passiert nichts. Keine Fehlermeldung nicht, es passiert einfach nichts.

Was mache ich da falsch? In Beispielen habe ich es aber auch nicht anders gesehen.

Danke für eure Hilfe Gruß der Litter

nikosch · 12.02.2012, 16:36

IDs wechseln solltest Du nicht. Nicht umsonst gibt es toggle. Man kann den aktuellen Zustand des Zielobjekts auch auslesen.

Solu · 12.02.2012, 19:48

Mach es wie nikosch schon schrieb, mit toggle.
http://api.jquery.com/fadeToggle/

drsoong · 17.02.2012, 21:52

Dein Beispiel funktioniert deshalb nicht, weil der EventListener für hide_com_form bei document ready nicht erstellt werden kann, weil die id hide_com_form noch gar nicht besteht. Wenn Du es denn unbedingt mit id-Wechsel machen wolltest, wovon Du hoffentlich schon abgekommen bist, müsstest Du den EventListener "einrichten" direkt nachdem Du den id-Wechsel vorgenommen hast.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
jQueryLog new extension for debugging jquery (feedback request)	jquerylog	JavaScript, Ajax und mehr	8	26.12.2011 11:58
[Erledigt] Mehrere DIVs per jquery aktualisieren	Rutor	JavaScript, Ajax und mehr	1	08.12.2011 00:10
Einsatz von Milestones (jQuery)	dreamcatcher	JavaScript, Ajax und mehr	4	28.06.2011 12:07
PHP und jquery	mehlwurm	PHP Einsteiger	13	30.05.2011 23:09
Zwei verschiedene jQuery Aktionen	Electrofreak	JavaScript, Ajax und mehr	3	14.01.2011 14:40
jQuery ":not" selektor	Paul.Schramenko	JavaScript, Ajax und mehr	13	03.12.2010 17:11
[Erledigt] jQuery Funktion auf dynamisch hinzugefügtes Div legen	sdcleitung	JavaScript, Ajax und mehr	15	15.11.2010 23:40
[Erledigt] jQuery zufällig fadeOut und fadeIn	Tremel	JavaScript, Ajax und mehr	14	01.11.2010 15:41
[Erledigt] str_replace funktioniert nur lokal	Cogax	PHP Tipps 2010	19	27.10.2010 21:28
[Erledigt] jQuery auf Ende von fadein warten?	Arne Drews	JavaScript, Ajax und mehr	2	08.09.2010 10:53
Code funktioniert plötzlich nicht mehr nach Serverumzug	Hawk	PHP Tipps 2010	4	18.08.2010 08:12
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
[Erledigt] Umlaute ersetzen funktioniert nicht richtig	BlackSpirit	PHP Tipps 2009	19	20.04.2009 12:04
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34

12.02.2012, 16:31
litterauspirna Erfahrener Benutzer Registriert seit: 24.04.2008 Beiträge: 3.172 PHP-Kenntnisse: Anfänger	jquery fadein funktioniert, aber fadeout nicht Hallo Leute, nun meine ersten Schritte mit JQuery bin ich grad ma gehen. Folgender Code funcktioniert nur im ersten Event. PHP-Code: `$(document).ready(function() { $('#show_com_form').click(function(){ $('#comment_form_container').fadeIn('fast'); $(this).attr('id', 'hide_com_form'); }); $('#hide_com_form').click(function(){ $('#comment_form_container').fadeOut('fast'); $(this).attr('id', 'show_com_form'); }); });` Das Fadein klappt ohne Problem, auch die id wird geändert, dass sagte mir Firebug. Aber wenn ich das wieder zumachen will passiert nichts. Keine Fehlermeldung nicht, es passiert einfach nichts. Was mache ich da falsch? In Beispielen habe ich es aber auch nicht anders gesehen. Danke für eure Hilfe Gruß der Litter __________________ Aus dem Dynamo Lande kommen wir. Trinken immer reichlich kühles Bier. Und dann sind wir alle voll, die Stimmung ist so toll. Aus dem Dynamo Lande kommen wir. http://www.lit-web.de


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.02.2012, 16:36
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	IDs wechseln solltest Du nicht. Nicht umsonst gibt es toggle. Man kann den aktuellen Zustand des Zielobjekts auch auslesen. __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

12.02.2012, 19:48
Solu Erfahrener Benutzer Registriert seit: 10.11.2011 Beiträge: 268 PHP-Kenntnisse: Fortgeschritten	Mach es wie nikosch schon schrieb, mit toggle. http://api.jquery.com/fadeToggle/

17.02.2012, 21:52
drsoong Erfahrener Benutzer Registriert seit: 05.08.2008 Beiträge: 1.127	Dein Beispiel funktioniert deshalb nicht, weil der EventListener für hide_com_form bei document ready nicht erstellt werden kann, weil die id hide_com_form noch gar nicht besteht. Wenn Du es denn unbedingt mit id-Wechsel machen wolltest, wovon Du hoffentlich schon abgekommen bist, müsstest Du den EventListener "einrichten" direkt nachdem Du den id-Wechsel vorgenommen hast. __________________ Es ist schon alles gesagt. Nur noch nicht von allen.