This effect simulates a window blind, where the contents of the affected elements stay in place.
Syntax
new Y.Effects.BlindUp({ node: "#node" });
Y.get("#node").blindUp();
Configuration properties
None.
Notes
This effect has an oppostie twin -- Y.Effects.BlindDown.
Demo
This is some test content. This is some test content.
Source code of this demo
This is some test content. This is some test content.
<ul>
<li><a id="blindup_run" href="#">Click here for a demo!</a></li>
<li><a id="blindup_reset" href="#">Reset</a></li>
</ul>
<script type="text/javascript">
YUI({
modules: {
"gallery-effects": {
fullpath: "http://projects.sophomoredev.com/media/system/js/yui3-gallery/gallery-effects/gallery-effects.js",
requires: ["node", "anim", "async-queue", "base"]
}
}
}).use("gallery-effects", function (Y) {
Y.get("#blindup_run").on("click", function (event) {
Y.get("#blindup_demo").blindUp();
event.halt();
});
Y.get("#blindup_reset").on("click", function (event) {
Y.get("#blindup_demo").show();
event.halt();
});
});
</script>
