You can avoid this extra step by using the Live Query plugin, as explained in the previous question about Ajax.

As of jQuery 1.3, you can use the live method for a subset of event types.

Why do animations set the display style to block?

To start with, you need to remember that only block-style elements can have a custom width or height. When you do an animation on an element that animates the height or width (such as show, hide, slideUp, or slideDown) then the display style property will be set to 'block' for the duration of the animation. The display property will be reverted to its original value after the animation completes.

There are two common workarounds:

If you want to have the element stay inline, but you just want it to animate in or out, you can use the fadeIn or fadeOut animations - which only affect the opacity of an element (and thus, don't need to have its display changed).

 // Instead of this:
 $("span").show("slow");
 
 // do this:
 $("span").fadeIn("slow");

The other option is to use a block-level element, but to add a float such that it appears to stay inline with the rest of the content around it. The result might looks something like this:

 // A floated block element
 <div style="float:left;">...</div>
 
 // Your code:
 $("div").show("slow");

Also see: jQuery UI Design & Planning Wiki

• Cookbook

Recipe: Simple menu with hover to show sub-menu items

• See a simple show-submenu-on-hover-menu.

Recipe: Hide All divs Except One

• See Hide All Except One (like tabs)
  • Simple markup, 13 lines, unobtrusive, bookmarkable.

Recipe: Multi-select Listbox without the Ctrl key

See the following for possible solutions:

• Multiple select without the ctrl button
• toChecklist plugin

  $('#myDivId')

• This code selects an element with a class of "myCssClass". Since any number of elements can have the same class, this expression will select any number of elements.

  $('.myCssClass')

A selected element can be assigned to a javascript variable like this

  var myDivElement = $('#myDivId');

Usually selected elements are acted on by other JQuery functions:

  var myValue = $('#myDivId').val();    // get the value of an element

  $('#myDivId').val("hello world");     // set the value of an element

Register here:

http://events.jquery.com/

More information about the conference: Dates and Venue.

The agenda is still being worked on and will be announced shortly. It’s fully expected that the conference will sell out again (as it has every year, so far) so if you’re interested in coming please sign up sooner rather than later!