YUI javascript show/hide code

[DylanButler]

I've created some code to easily create multiple show/hide menus using YUI.

If you are looking for an "all CSS" solution, you won't find that here (and you won't find any as capable as this solution anywhere).

http://www.dylanbutler.com/2008/08/yui-generic-showhide-code/

The beauty of this code is this:

a) It uses YUI
b) It supports any type of content inside the menu (no more sifting through nodes).
c) It works for trigger/menu ID pairs OR a nested HTML list (UL, OL, DL).

 

[nasaboy007]

by YUI, are you referring to the yahoo user interface? i'm not familiar with that acronym and that was the first google result XD.

 

[Eric]

by YUI, are you referring to the yahoo user interface? i'm not familiar with that acronym and that was the first google result XD.

Yes http://developer.yahoo.com/yui/

It's a great library. Even vBulletin uses it now.

 

[1NiteStand]

Yeah, definitely, YUI is pretty solid.. I haven't used the JS stuff much, mainly the CSS stuff (grid, reset, etc.). It's fine and dandy indeed.

 

[Colleen]

Just incase anyone else wants to view this, the url has changed since the original post, it's now, http://www.dylanbutler.com/2008/08/yui-generic-showhide-code/

Very nice work, Dylan, I especially LOVE Example 2!

 

[DylanButler]

Hey Colleen -

Thanks for keeping this updated. You can see the live example of example 2 at caliperls dot com.

We have been using this code for most menus and show/hide scenarios at my job. The code has held up pretty well, but needed modifications on several occasions (sorry!). I'll post up the latest version as soon as it's solid.