Benutzer:J*/Spielwüste: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
J* (Diskussion | Beiträge) |
J* (Diskussion | Beiträge) |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 26: | Zeile 26: | ||
<pre> | <pre> | ||
jQuery(".jq_tr").click( function () { | jQuery(".jq_tr").click( function () { | ||
| − | |||
var $this = jQuery(this); | var $this = jQuery(this); | ||
| − | $this.parents(".jq_k").children(".jq_kd").show( | + | var speed = "fast"; |
| − | $this.parents(".jq_kd").hide('slow | + | if ($this.parents(".jq_k").hasClass("fade_slow")) |
| + | speed = "slow"; | ||
| + | else if ($this.parents(".jq_k").hasClass("fade_immediate")) | ||
| + | speed = 0; | ||
| + | $this.parents(".jq_k").children(".jq_kd").show(speed); | ||
| + | $this.parents(".jq_kd").hide(speed); | ||
| + | }); | ||
| + | </pre> | ||
| + | |||
| + | ==Akkordeon== | ||
| + | <div class="jq_z"> | ||
| + | |||
| + | <div class="jq_h"> | ||
| + | '''Head 1''' | ||
| + | </div> | ||
| + | <div class="jq_a"> | ||
| + | Body 1 | ||
| + | </div> | ||
| + | |||
| + | <div class="jq_h"> | ||
| + | '''Head 2''' | ||
| + | </div> | ||
| + | <div class="jq_a" style="display:none;"> | ||
| + | Body 2 | ||
| + | </div> | ||
| + | |||
| + | <div class="jq_h"> | ||
| + | '''Head 3''' | ||
| + | </div> | ||
| + | <div class="jq_a" style="display:none;"> | ||
| + | Body 3 | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | ===Inline Test=== | ||
| + | |||
| + | Test <span class="jq_z fade_immediate"> | ||
| + | <span class="jq_h"> | ||
| + | | '''Head 1''' | ||
| + | </span> | ||
| + | <span class="jq_a"> | ||
| + | Body 1 | ||
| + | </span> | ||
| + | <span class="jq_h"> | ||
| + | | '''Head 2''' | ||
| + | </span> | ||
| + | <span class="jq_a" style="display:none;"> | ||
| + | Body 2 | ||
| + | </span> | ||
| + | </span> | Bla | ||
| + | |||
| + | <pre> | ||
| + | jQuery('.jq_z .jq_h').click(function() { | ||
| + | var $this = jQuery(this); | ||
| + | var speed = "fast"; | ||
| + | if ($this.parents(".jq_z").hasClass("fade_slow")) | ||
| + | speed = "slow"; | ||
| + | else if ($this.parents(".jq_z").hasClass("fade_immediate")) | ||
| + | speed = 0; | ||
| + | var $this = jQuery(this); | ||
| + | $this.parents(".jq_z").children(".jq_a").hide(speed); | ||
| + | $this.next(".jq_a").show(speed); | ||
}); | }); | ||
</pre> | </pre> | ||
Aktuelle Version vom 21. Juli 2011, 15:47 Uhr
JQuery Klappdings[<small>bearbeiten</small>]
Visible. TRIG
Inline Test[<small>bearbeiten</small>]
Lorem Visible. TRIG ipsum.
jQuery(".jq_tr").click( function () {
var $this = jQuery(this);
var speed = "fast";
if ($this.parents(".jq_k").hasClass("fade_slow"))
speed = "slow";
else if ($this.parents(".jq_k").hasClass("fade_immediate"))
speed = 0;
$this.parents(".jq_k").children(".jq_kd").show(speed);
$this.parents(".jq_kd").hide(speed);
});
Akkordeon[<small>bearbeiten</small>]
Head 1
Body 1
Head 2
Head 3
Inline Test[<small>bearbeiten</small>]
Test | Head 1 Body 1 | Head 2 | Bla
jQuery('.jq_z .jq_h').click(function() {
var $this = jQuery(this);
var speed = "fast";
if ($this.parents(".jq_z").hasClass("fade_slow"))
speed = "slow";
else if ($this.parents(".jq_z").hasClass("fade_immediate"))
speed = 0;
var $this = jQuery(this);
$this.parents(".jq_z").children(".jq_a").hide(speed);
$this.next(".jq_a").show(speed);
});