JQuery Slider über button auslösen

cardraft · 23.09.2011, 16:23

Hallo liebe Mitleider

Ich sitze seit eingen Tagen vor einem Problem bei dem ich nicht weiter komme. Ich benutze Teile der JQuery Bibliothek um eine div ausfahren zu lassen. Am Kopf befindet sich ein Button beim klicken öffnet das div. Funktioniert auch wunderbar nur würde ich gerne, dass das Div bei einem on click ereignis aufgeht.
Der Code in Javascript der das tut sieht so aus

Code:

//show quick menu on click 
	$("span.menu_title a").click(function() {
	 if($(".quickmenu").is(':hidden')){ //if quick menu isn't visible 
	 $(".quickmenu").fadeIn("fast"); //show menu on click
	 }
	 else if ($(".quickmenu").is(':visible')) { //if quick menu is visible 
      $(".quickmenu").fadeOut("fast"); //hide menu on click
    }
	});

Das Problem ist nun, dass ich nicht weiß wie der der onclick="" dazu aussehen muss damit das auf auf nen click funktioniert.

Danke an alle

rudygotya · 23.09.2011, 19:17

Zitat:

Am Kopf befindet sich ein Button beim klicken öffnet das div. Funktioniert auch wunderbar nur würde ich gerne, dass das Div bei einem on click ereignis aufgeht.

Sorry, aber ich versteh dich nicht. Wenn der click handler doch schon funktioniert, wo ist dann das Problem?

Arne Drews · 30.09.2011, 21:20

Den onclick benötigst Du doch gar nicht.
jQuery setzt auf das(die) selektierte(n) Element(e) einen Handler.

Code:

/* HTML */
<div id="growingthing">
  <!-- HTML-Code -->
</div>

/* CSS */
#growingthing { height:25px; }

/* jQuery */
$('#growingthing').bind('click', function() {
  _self = this;
  if( $(_self).width() == 300 ) $(_self).stop().animate({ height:'300px' }, 800);
  else $(_self).stop().animate({ height:'25px' }, 800);
});

Damit sollte sich das DIV auf Klick öffnen bzw. schliessen...

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
[Erledigt] Facebook "like" button zu jeder news	bahrain	PHP Einsteiger	14	12.09.2011 10:57
Mauszeiger über image Button	marcrizzo	HTML, Usability und Barrierefreiheit	4	21.07.2011 00:42
Button Aktion "einzeln" ausführen über Ajax	dreamcatcher	JavaScript, Ajax und mehr	10	17.02.2011 11:05
geclontes div ÜBER Button einfügen	rejoice	JavaScript, Ajax und mehr	10	11.02.2011 14:29
[Erledigt] jquery button label beschriftung	Buschdieb	JavaScript, Ajax und mehr	13	19.10.2010 15:48
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
funktion über onclick radio button aufrufen	kyle2010	PHP Tipps 2010	6	07.04.2010 22:21
[Erledigt] MYSQL update über Button	frustrated	PHP Tipps 2010	4	02.03.2010 20:13
Koordinaten des Mauszeigers über einer Grafik (Drag&Drop mit jQuery)	anbeck	JavaScript, Ajax und mehr	5	19.01.2009 16:28
Reset Button bei Formularen	TeazY	PHP Tipps 2008	2	24.12.2007 14:59
Variablen in neues Formular über Button oder Link übergeben		PHP Tipps 2005-2	1	15.07.2005 23:10
funktion über Form button aufrufen		PHP Tipps 2005	10	11.01.2005 16:54
Ich habe eine Auswahlliste und einen Button. Wie auswerten?		PHP Tipps 2004	1	20.10.2004 16:39
Zwei Frames über einen Button aktualisieren	duerov	PHP Tipps 2004	2	27.09.2004 17:17
Zwei Frames über einen Button gleichzeitig aktualisieren	duerov	HTML, Usability und Barrierefreiheit	1	27.09.2004 16:43

23.09.2011, 16:23
cardraft Neuer Benutzer Registriert seit: 23.09.2011 Beiträge: 1 PHP-Kenntnisse: Fortgeschritten	JQuery Slider über button auslösen Hallo liebe Mitleider Ich sitze seit eingen Tagen vor einem Problem bei dem ich nicht weiter komme. Ich benutze Teile der JQuery Bibliothek um eine div ausfahren zu lassen. Am Kopf befindet sich ein Button beim klicken öffnet das div. Funktioniert auch wunderbar nur würde ich gerne, dass das Div bei einem on click ereignis aufgeht. Der Code in Javascript der das tut sieht so aus Code: //show quick menu on click $("span.menu_title a").click(function() { if($(".quickmenu").is(':hidden')){ //if quick menu isn't visible $(".quickmenu").fadeIn("fast"); //show menu on click } else if ($(".quickmenu").is(':visible')) { //if quick menu is visible $(".quickmenu").fadeOut("fast"); //hide menu on click } }); Das Problem ist nun, dass ich nicht weiß wie der der onclick="" dazu aussehen muss damit das auf auf nen click funktioniert. Danke an alle


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

30.09.2011, 21:20
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Den onclick benötigst Du doch gar nicht. jQuery setzt auf das(die) selektierte(n) Element(e) einen Handler. Code: /* HTML / <div id="growingthing"> <!-- HTML-Code --> </div> / CSS / #growingthing { height:25px; } / jQuery / $('#growingthing').bind('click', function() { _self = this; if( $(_self).width() == 300 ) $(_self).stop().animate({ height:'300px' }, 800); else $(_self).stop().animate({ height:'25px' }, 800); }); Damit sollte sich das DIV auf Klick öffnen bzw. schliessen... __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.* Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein