an example of a better way to implement a "more options" type panel using the mootools javascript framework's Fx.Slide functions, while avoiding the issue of keyboard users being forced to tab through off-screen links when the panel is not visible.
the solution involves actually removing the panel from the DOM via display:none
when a slideOut
function has completed, and setting display:block
before initiating any slide effect.
some bogus links to test the effect on keyboard navigation when the panel's state is changed.
see the commented javascript source for details.