Skip to content
Permalink
Browse files

effects.test: adding a test for size using toggle

  • Loading branch information...
gnarf committed May 5, 2011
1 parent c73e40a commit d4bdd19429b82acebf37772669b796cc84e1674a
Showing with 22 additions and 7 deletions.
  1. +7 −1 tests/visual/effects.all.html
  2. +15 −6 tests/visual/effects.all.js
@@ -147,7 +147,13 @@

<li>
<div class="effect" id="size">
<p>Size</p>
<p>Size Default Show/Hide</p>
</div>
</li>

<li>
<div class="effect" id="sizeToggle">
<p>Size Toggle</p>
</div>
</li>

@@ -28,10 +28,10 @@ $(function() {
var el = $(this);
el.addClass("current").hide(duration, function() {
setTimeout(function() {
el.show(duration, function() { el.removeClass("current") });
el.show(duration, function() { el.removeClass("current"); });
}, wait);
})
})
});
});

effect("#blindLeft", "blind", { direction: "left" });
effect("#blindUp", "blind", { direction: "up" });
@@ -61,7 +61,16 @@ $(function() {

effect("#puff", "puff", { times: 2 });
effect("#scale", "scale", {});
effect("#size", "size", { from: { width: 300, height: 300 }});
effect("#size", "size", {});
$("#sizeToggle").bind("click", function() {
var opts = { to: { width: 300, height: 300 }};
$(this).addClass('current')
.toggle("size", opts, duration)
.delay(wait)
.toggle("size", opts, duration, function() {
$(this).removeClass("current");
});
});

$("#shake").bind("click", function() { $(this).addClass("current").effect("shake", {}, 100, function() { $(this).removeClass("current"); }); });

@@ -83,13 +92,13 @@ $(function() {
$("#removeClass").click(function() {
$(this).addClass("current").removeClass(function() {
window.console && console.log(arguments);
return "current"
return "current";
}, duration);
});
$("#toggleClass").click(function() {
$(this).toggleClass(function() {
window.console && console.log(arguments);
return "current"
return "current";
}, duration);
});
});

0 comments on commit d4bdd19

Please sign in to comment.
You can’t perform that action at this time.