jQuery 1.4 Animation Techniques - Index of

Pop quiz – fixing the flicker
1. Why was it necessary to use a an anonymous function when calling the
setTimeout() function in the previous example?
a. It is the only format accepted by setTimeout()
b. It executes faster
c. In order to pass in an argument
d. For fun
Have a go hero – adding a delay before showing a submenu
[ 99 ]
Chapter 4
Usability king Jakob Nielsen advises that a short-delay between the visitor hovering over a
navigation menu item and the submenu being displayed, to ensure that the visitor actually
wants to see the submenu, should be implemented in common interfaces. Not everyone
will agree with this, and there is a danger of the menu feeling unresponsive if the delay is
too long.
Update the flickerFixed.html file so that there is a short delay before a submenu is
shown after its parent menu item is hovered on.
Summary
The article which mentions the timing of displaying submenus can be found
at http://www.useit.com/alertbox/mega-dropdown-menus.
html.
The sliding family of methods that we looked at over the course of the chapter are the last
of jQuery's built-in, predefined animation methods. The methods we looked at in this
chapter were:
slideDown()
slideUp()
slideToggle()
We saw that these methods are very similar in how they are used to the other built-in jQuery
effect methods, allowing us to specify the same arguments. All that differs is the actual
effect. The techniques we learned in this chapter included:
Showing elements that are hidden using slideDown()
Hiding visible elements with slideUp()
Toggling the visibility of elements with slideToggle()