Understanding the blind effect
The blind effect is practically the same as the slide effect. Visually, the element appears to do the same thing, and the two effects' code files are also extremely similar. The main difference between the two effects that we need to worry about is that with this effect we can only specify the axis of the effect, not the actual direction.
The blind effect has the following configuration options:
|
Option |
Default value |
Use |
|---|---|---|
|
|
|
Sets the axis of motion |
|
|
|
Sets the easing function used during the animation |
|
|
|
Sets whether the element is hidden or shown |
The direction option that this effect uses for configuration only accepts the values horizontal or vertical. We'll build on the last example to see the blind effect in action. Change the <script> resource for the blind effect in effectSlide.html, so that it refers to the jquery.ui.effect-blind.js file:
<script src="development-bundle/ui/jquery.ui.effect...
