Dezinerfolio.com "simple Javascript accordion"
This is a test of the
Dezinerfolio "simple Javascript accordion" navigation-menu system.
(The design on the left was previously used on dezinerfolio.com's website, but has since been changed. web20blogger.blogspot.com on the other hand still uses it)..
The problem
The Dezinerfolio accordion came with both a SOURCE (readable and editable) version and a COMPRESSED version of the Javascript code. They should be identical to each other which they unfortunately are
not!
The main problem with the SOURCE version is that it wouldn't allow for the
"header_highlight" function to be used (it is used here on the left to automatically open the "FAQ" button).
The solution
Thanks to comments written by
TheNeonFever (posted Wed, 07/02/2008 - 05:08) I have now been able to modify the SOURCE Javascript
so it behaves properly, respecting the
"header_highlight" function -try it by pressing your browser's refresh/reload button.
Hopefully this fixes all the bugs in the SOURCE version (the fixed SOURCE version is used in the navigation menu on the left) so it works in the same way as the COMPRESSED version, though I can't guarantee this.
The wish-list
I'm very happy with the solution on the left, but sill miss a few features:
- Linkable buttons: I would like to be able to click the "Home" button and be linked to another site/page. It should be possible to click anywhere on the button to do this (not just the text).
- Highlighting of sub-sections: As you can see, whenever you click a button it gets a blue line underneath. I would like for this to work with links within a button as well (e.g. press the "FAQ" button, and if you go to for instance the "Software" link, then "Software" should also have a blue line underneath.
- Nested buttons: It would be great if I could put additional buttons "inside" of the existing ones (for instance: if I press the "FAQ" button I would be presented with a button named "Software". If clicked on I would be shown several links which I could click on).
The downloads