The Net is Dead

Marco van Hylckama Vlieg on web technology, design, life and everything

Commentary

Join the discussion! Leave a comment through the comment form below!

• At 01 March '10 - 08:31 WebSlingers wrote:

  Awesome!

  
  

• At 02 March '10 - 00:38 Horatiu wrote:

  

  Is there a way this menu remains collapsed after a link is clicked?
  I would like it to stay this way until user chooses to click on another link in a different section.
  10x for your time.

  
  

• At 02 March '10 - 10:58 Marco wrote:

  

  Horatio I’m not entirely sure what you mean. There is a ‘collapsible’ variant if that is what you’re talking about. Just add the classname ‘collapsible’ to allow fully collapsing the accordion.

  
  

• At 02 March '10 - 11:10 mil wrote:

  

  Hi, this is a great menu!
  Is there a way when the menu link item is cliked and collapsed to make it stay collapsed and different color after is clicked, so the visitors know where they are at?

  
  

• At 03 March '10 - 00:04 Morpheus wrote:

  

  First things first: Thanks, Marco, for the awesome list.
  Could have never achieved this on my own.
  
  I’m trying to get the collapsible/expandable items (in your example menu “weblog tools” “programming languages” etc. ) to link to a page inside my site and that’s giving me quite some problems.
  
  What I’m trying to achieve is that for example “home” would link back to index.html and other menu items would also link to other areas in the site, expand and have, let’s say for examples sake, anchor links to headlines in that particular area of my site.
  
  Any suggestions on how to manage this?
  
  Forever in you gratitude,
  Morpheus

  
  

• At 03 March '10 - 04:20 shuthichi wrote:

  Hi,
  
  how can i add links to the level one menu items?
  
  For example:
  
  1.
  2.
  3. Item 1
  4.
  5. ...
  6. ...
  7. ...
  8.
  9.
  10.
  11. Item 2
  12.
  13. ...
  14. ...
  15. ...
  16. ...
  17.
  18.
  19.
  
  I’m not able to get the link working…
  
  Thank for a short reply.

  
  

• At 03 March '10 - 04:25 shuthichi wrote:

  Hi,
  
  how can i add links to the level one menu items?
  
  For example:
  
  Item 1
  
  ...
  ...
  ...
  
  Item 2
  
  ...
  ...
  ...
  ...
  
  I’m not able to get the link working…
  
  Thank for a short reply.

  
  

• At 03 March '10 - 04:48 shuthichi wrote:

  Hi,
  
  how can i add links to the level one menu items?
  In the example only the level two itemlinks works correct.
  I’m not able to get the link working…
  
  Thank for a short reply.

  
  

• At 03 March '10 - 07:40 Marco wrote:

  

  In the example there’s a level 1 ‘Home’ link and one to ‘Marco’s Blog’.

  
  

• At 03 March '10 - 08:23 Marco wrote:

  

  Morpheus, I just tried adding a link to a section in the menu with href=”#something”, with a H2 in the page with ID ‘something’. Clicking this makes the page skip to the H2 with ID ‘something’ just fine. It will also work with a href like some_other_page.html#some_id.
  
  Somehow I’m not sure if that’s what you mean though. If not please elaborate!

  
  

• At 04 March '10 - 00:23 Horatiu wrote:

  

  @ Marco
  
  In the “Collapsible accordion with first item expanded at page load” example we have 4 parents that have children: “Weblog Tools”, “Programming Languages”, “Cool Stuff” and “Search Engines”.
  Let`s say I`ve clicked on Cool Stuff parent. Now the menu expands and I can see it`s children: “Bookalicious”, “Apple”, “Nikon”, etc.
  They are very nice kids and all, but if I click on one of the links, let`s say “Nikon”, the page loads and the menu closes. I`d like very much “Cool Stuff” parent to remain expanded after the page loads. If I use the “expand” class, this parent will stay forever expanded and this is not cool, because I`d like to check out other parents on the site and I`d like them to expand/close as soon as I click on them.
  It will be also nice if a parent opens a link and expand at the same time when clicked on. I`ve added a line of code to accomplish that and then the parent opened the link but didn`t expand.
  
  If anyone can help with this please do so.
  
  P.S. Very nice snippet, will be perfect with this functionality added.

  
  

• At 04 March '10 - 01:07 Marco wrote:

  

  Horatio sorry but I still don’t quite get it. Maybe it’s me. I don’t know.
  When I click ‘Nikon’ in the scenario you mention I LEAVE the page and go to the Nikon website. I’m not sure what the purpose would be of opening a panel AND visiting the link (and therefore leaving the page).
  
  I guess I’m still missing the point :(
  
  Feel free to point me to an example page with your modified code. Maybe that will make me understand what you need…

  
  

• At 04 March '10 - 02:56 Morpheus wrote:

  

  Thanks for the quick reply.
  
  What I meant was that once I had applied your code to my navigation and styled the css to my liking(basically just text visible, no background colors), the top-level tabs didn’t link anywhere, even if I gave the correct url:s. (well, this could be me assuming too much.. =) )
  
  Ah, looks like I didn’t mention that I’m trying to use your code as a means of navigation on just my site. I don’t need to link to other sites.
  
  Site structure is generic, Home, About me, Gallery, Contact, etc. So:
  
  Home
  ...other subpage or anchor tag
  ...other subpage or anchor tag
  ...other subpage or anchor tag
  About me
  ...other subpage or anchor tag
  ...other subpage or anchor tag
  
  and so on and so forth.
  
  Home, About me and other top-level accordion tabs fail to link, i.e. navigation from Home (index.html) to About me (about.html) was not succeeded, unless I add separate child elements for these in to the menu. So:
  
  Home
  ...home
  ...other subpage or anchor tag
  ...other subpage or anchor tag
  
  About me
  ...about me
  ...other subpage or anchor tag
  
  I don’t know, maybe it’s not even supposed to function like I see it, but it just seem a bit redundant to have to add “home” under “Home” etc. to navigate on site? Am I thinking this backwards? Is it possible to add link finctions to the parent buttons that expand the accordions?
  
  Gratefully,
  Morpheus

  
  

• At 04 March '10 - 02:59 Henk wrote:

  

  Is it possible to also add the possibility to close an opened menuitem when you click it again ? So when you have opened on of the menu-items you can close it again and return to its original state.

  
  

• At 04 March '10 - 04:05 Horatiu wrote:

  

  Well, I thought that mentioning your example would make you understand what I need.
  
  In your scenario, all the links point to external websites. In my scenario, all the links point to internal website pages. Let`s assume we have this website structure:
  
  Home page
  Section#1
  Child#1.1
  Child#1.2
  Section#2
  Child#2.1
  Child#2.2
  .....
  
  Let`s also assume that the visitor enters the URL of our website and the browser loads the index page. Now, the visitor messes up with our menu, because he likes closing and expanding the menu sections.
  But, clicking on Section#1 link only expands the menu and the visitor still sees the index page. I would like him to see the section#1 page, that`s why I need this menu to expand and point to section#1 page at the same time, when the link is clicked.
  
  Now let`s assume that the visitor clicks on Child#1.2 link. The page child#1.2 loads, the parent Section#1 (parent menu) closes, the visitor spends a little time reading the content of the page, and short after he forgets what section he was visiting because the parent is closed instead of being expanded and the child link highlighted.
  
  Well, i hope you understand my scenario.

  
  

• At 04 March '10 - 14:41 Marco wrote:

  

  Henk, that’s already there. Use ‘collapsible’ to be able to collapse the accordion or use ‘noaccordion’ to have a set of open/close panels.
  
  Horatiu, in your case I think you need to create some logic in your pages that loads the menu with the appropriate section opened for each page you’re on.
  
  This means that on the Section 1 page the LI element containing the section 1 submenu has the ‘expand’ class name in the markup and on the Section 2 page the LI element containing the section 2 submenu has the ‘expand’ class name in the markup.

  
  

• At 04 March '10 - 23:03 Horatiu wrote:

  

  @Marco
  
  Thank you for your reply. I already tried using the ‘expand’ class but that`s not it. Using it on the tags would only expand both sections when the page loads.
  
  However, I did more research on the Internet and I came across “Urban Grey Accordion”, which has it all.
  
  Thank you again for your time, and good luck.

  
  

• At 05 March '10 - 09:49 Marco wrote:

  

  Hmmm… menus opening on mouseover. This is a bad idea in terms of usability/accessibility and with the rise of the iPad and other touch only devices it kind or renders it useless.

  
  

• At 05 March '10 - 12:47 Michele wrote:

  

  First off thanks for this great accordion. I’m using it as a menu for a site I’m building.
  
  One question, is there a way around the awkward moment when the page loads and the accordion appears fully exploded for a split second. It seems like this is worse on pages where I’m using a flash player and not at all noticeable on pages with just text information.
  
  I keep thinking there is a really simple solution that I’m missing.

  
  

• At 08 March '10 - 03:22 Steve wrote:

  

  I’d really like to use this on my site, but I’ve got a couple of issues following testing.
  
  On your demo page, if I click a section to expand it and then very quickly click the section below it, it’s possible to open two sections at the same time. The second section then remains open no matter what you click.
  
  Also, if all the sections are the same height, is it possible to stop the stuttering, jumping effect (most noticeable at the bottom of the accordion) that happens when you click to open a section?

  
  

• At 10 March '10 - 08:42 dikobraz wrote:

  

  Thanks so much for the wonderful menu. Is there a way to put up/down arrows or plusses/minuses that indicate whether the menu is open or closed and change when the user clicks the menu?

  
  

• At 10 March '10 - 09:02 Marco wrote:

  

  @Michele I’ll have a look at this.
  
  @Steve probably. Will look into this too.
  
  @dikobraz as you can see in the demos, open sections have their toggle colored red. This is done through the active class with is added / removed to the toggle, styled with CSS. You can use this hook to add / – signs or any other graphical open/close indicator.

  
  

• At 10 March '10 - 09:08 dikobraz wrote:

  

  Wow, thanks for the quick reply! Of course I have another question. In your sample code, you have this:
  
  Programming Languages
  
  PHP
  Ruby
  
  
  What if you wanted the user to be able to click on the words Programming Languages and have them go to a page of your site called Programming Languages (instead of expanding the menu)? To expand the menu, they’d click on a or a > next to the heading. Is that doable? Something like this:
  
  Programming Languages

  
  

• At 10 March '10 - 09:14 dikobraz wrote:

  

  Bah, sorry I missed the part about PasteBin. I posted my code snippet there under the name dikobraz.

  
  

• At 10 March '10 - 10:20 Rika_G. wrote:

  

  Hello Marco,
  
  Thank you for this nice menu.
  I’d love to use the non-accordion (#3 in the demo page) one with expand states. But I have one simple issue.
  
  It seems the link is not working. I have applied this script to my site and tried the same, still doesn’t get linked.
  
  I did the same coding to my site, and I get the same result.
  I am currently testing my site with Safari4 and FireFox3.5.8.
  
  What could be the solution?
  The demo page I’m looking at is;
  http://www.i-marco.nl/weblog/jquery-acco..
  
  Really appreciate you sharing your knowledge.

  
  

• At 10 March '10 - 13:53 EJ wrote:

  Thanks for the great menu, Marco! I am implementing it on a site, and everything works great except for one small bug that I noticed on a collapsible menu (using SeaMonkey 2.0 or Firefox 3.5). After an item is collapsed, the “active” class doesn’t get removed properly, so the item is still highlighted. This can also be seen on the demo page linked to in the blog above. Could you please look into this?

  
  

• At 11 March '10 - 14:22 Shawn wrote:

  

  Thanks for this menu! Just one question. On demo 3, if you click on the No Sub Menu link, the link won’t open. Is there a way to make that work? Thanks again!

  
  

• At 12 March '10 - 13:43 JasonTC wrote:

  

  When collapsing/expanding my menu is doing a slight flicker/refresh action. Have you seen this behavior? I assume it as something to do with my CSS.
  
  Thank you in advance for your time.
  
  - Jason

  
  

• At 13 March '10 - 07:21 Beben wrote:

  

  thanks for tutor…^_

  
  

• At 14 March '10 - 11:20 Marco wrote:

  

  Hi guys,
  
  I promise to look into the issues as soon as I can. I have family over from Holland at the moment so bear with me for a bit!

  
  

• At 15 March '10 - 22:04 Marco wrote:

  

  I got around fixing the 2 major issues reported.
  
  1: The non-working link-only items now work
  2: The highlighting issue as reported by EJ has been fixed.
  
  I have updated the demo page and the zip file.
  
  Thanks for the reports guys!
  
  Then to answer dikobraz’ question: Yes this is doable with modifications. However it’s rather poor in terms of usability so I’m not planning to implement this.

  
  

• At 16 March '10 - 10:34 EJ wrote:

  Works great now, thank you for the fix!

  
  

• At 16 March '10 - 13:57 Shawn wrote:

  

  Spectacular! Thank you very much!

  
  

• At 16 March '10 - 16:26 Marco wrote:

  

  JasonTC can you point me to a page where the flickering occurs? I can see if there’s anything I can do about it.

  
  

• At 17 March '10 - 10:50 John wrote:

  

  To avoid conflicts with Prototype, shouldn’t you wrap your plugin inside
  
  (function($) {
  
  // your plugin here
  
  })(jQuery);
  
  ?
  
  I’m just getting started with jQuery, so I’m not sure if this is correct.

  
  

• At 18 March '10 - 17:30 Steven wrote:

  

  Hi,
  
  Thanks for the great Accordion Plugin
  
  Im trying to use it as a means of navigation for a site, and all Is working well, the only issue I have is whereby the Single Links in the menu (i.e. the ‘Home’ link from your demo) do not stay their active colour (Red in Demo) after you have clicked on them.
  
  The links that have submenus (i.e. the ‘Weblog Tools’ link from your demo) however do stay their active colour (red) after you have clicked on them.
  
  Is there any way for the the single links to retain their active colour? As I feel this is quite important for the navigation.
  
  Thank you for your help!
  
  Steven.

  
  

• At 24 March '10 - 03:25 James Bartlett wrote:

  

  This is a great menu and a good replacement for a previous one I was using as it has the potential to have nested menus. However, I’m having trouble with using collasible as well as nested – I did hear your warning, but thought I’d give it a go! Perhaps I just need some guidance as I’m quite new to jquery.
  
  Everything is fine and dandy until I try to expand one of the submenus – it opens and then immediately collapses. From what I can tell with a bit of debugging it calls slideUp then slideDown then slideUp again, so there’s probably some logic I need to look at. Any ideas?

  
  

• At 24 March '10 - 10:24 Marco wrote:

  

  James can you put up a demo page in which I can see the buggy behavior?

  
  

• At 25 March '10 - 11:10 Alex wrote:

  

  Hi Marco,
  
  The nested accordion is working perfectly for me right now. The one problem I am running into is keeping the nested menu expanded on page load.
  
  My structure is Parent Category > Sub Category > Product
  
  When they click on the product, it goes the the product page, and I apply the expand class to that “Sub Category” menu so it stays open, but it isnt working.
  
  Can you not keep a nested accordion open?
  
  Thanks for the help,
  Alex

  
  

• At 25 March '10 - 15:15 Wendy wrote:

  

  Marco,
  
  Besides your generosity with your awesome menu, you are amazing for being so patience with everyone asking niggly little questions about it.
  
  Having said that, I have a niggly little question: could this be used in a horizontal orientation, i.e., a dropline menu, or would this require major mod?
  
  Thanks, and thanks again for all your hard work, and your patience!

  
  

• At 30 March '10 - 09:26 wnw0031 wrote:

  

  Hello,
  
  Another niggly little question:
  
  Can the menu function like this: when the user clicks on a tab.. it collapse…the user clicks a link under the tab and goes to that page. While on the page. the menu remains in its collapsed state but only for that heading.
  
  How can i accomplish this.

  
  

• At 31 March '10 - 08:38 John Kalnin wrote:

  

  I am trying to use this menu on my site, so I was wondering if is possible to adjust to append/tweak/fix the code so that the menu section that is expanded is based on the id of the body tag instead of the li tag? I would like to use one menu as an include on my entire site, so the menu would need to have different sections expanded based on the page that the user is on. So, on the home page, home is expanded. On the About Us page, that section would be expanded. Currently I would have to use a different menu file for each section so that the correct item is expanded. I would prefer to have one main menu file for the entire site, not one for each section. Hope this makes sense.
  
  If you use a list with an li class=“home_sub” and the page’s body has an id=“home” you can make the CSS do some like:
  #home li.home_sub{
  /* do something different for this list item as it is active */
  }
  
  Thanks for any help or suggestions.

  
  

• At 01 April '10 - 05:09 Michael wrote:

  

  This accordion menu is really great, and I would very much like to implement it into my shop system, but the shop’s category navigation is filled automatically by triggering a certain placeholder – you place [Container_CategoryNavigation] somewhere in the code and the complete navigation structure is created on the shop’s frontend. It does have a structure which is defined via CSS, though, so I wonder if it is possible to somewhat alter the accordion code to let it take care of the navigation’s CSS rather than the original ‘menu’ CSS. I’ve been trying to figure out how for some hours, but since I’m a newbie for jQuery I couldn’t solve the riddle – maybe you could help?
  
  These are the available CSS classes (or ids):
  
  ul.left_menu
  ul.left_menu li
  ul.left_menu li.level1
  ...
  ul.left_menu li.level6
  ul.left_menu ul
  ul.left_menu ul li
  ul.left_menu a
  ul.left_menu a:hover
  
  Thanks in advance!
  
  Kind regards, Michael

  
  

• At 04 April '10 - 10:32 Jason Imani wrote:

  

  Hi Marco,
  
  Thanks for accordion script. It’s been super easy to implement. I have a quick question about how to nest an accordion within another accordion, could you describe the html structure necessary to do this? I’ve tried everything and I just can’t get it to work.
  
  Thank you again!

  
  

• At 04 April '10 - 10:43 Jason Imani wrote:

  

  Hi Marco,
  
  I got it figured out…gets a little confusing with many level of ul’s, li’s…
  
  Thank you again for the awesome script!

  
  

• At 08 April '10 - 11:01 rafa wrote:

  

  Hi, im noob and i need your help.
  
  how can i use latin charcters at the links of the menu?
  
  Thanks

  
  

• At 09 April '10 - 00:03 Rob wrote:

  

  Ei Marco,
  
  I just want to ask if there’s a way to keep the one of the category unclosed after its submenu is clicked.

  
  

• At 23 April '10 - 07:19 J.M. Suijkerbuijk wrote:

  

  Is the older version (3.0) still available somewhere? Since I installed 3.1 my site has become largely non-functional (FancyZoom no longer working, any other menu only works when higher on the page, etc.)
  Thanks in advance!

  
  

• At 23 April '10 - 08:24 J.M. Suijkerbuijk wrote:

  

  I stand corrected. My problems were due to the fact that for some reason the layers on the site had shifted. Once the respective elements were brought back to front, the site was functional again.

  
  

• At 23 April '10 - 11:27 Jean-Marc wrote:

  

  Hello,
  Nice plugin ! I would like to know if it’s limited to 20 items ?
  Thanks !

  
  

• At 28 April '10 - 19:06 TiM wrote:

  

  Is it possible to have multiple panels open at the same time?!?

  
  

• At 28 April '10 - 20:57 Scott wrote:

  

  Great accordian plugin! I have it working but have a question… Is there a way to expand and contract the various headings via a javascript/jquery call? I would like to be able to click a link in one section which would then expand another section. Any ideas/help would be much appreciated!
  
  Thanks, Scott

  
  

• At 03 May '10 - 06:13 Velimir wrote:

  

  Hi Marco,
  This accordion menu is really, really great, and I implement it into my site.
  But, I have sam problem as Morpheus (pu some link in level 1)
  Can you tell us about that?

  
  

• At 06 May '10 - 07:02 David H wrote:

  

  Hi Marco,
  
  Thanks very much for taking an interest and developing the accordion code.
  
  I would like to adapt this to the functionality I see in the sidebar at DMXZone at this page
  http://www.dmxzone.com/go?17207#Features..
  
  on the left the Green box that says “Related Items”
  
  The mouse simply passes over, no click required…mouse over a Category and it either slides up or down to reveal sub-categories or links to topics or pages.
  
  I want to somehow get this functionality into WordPress and I like it better than having to click on something to trigger a movement.
  
  It seems your code would be adaptable somehow to get this nice function.

  
  

• At 07 May '10 - 06:21 Tom wrote:

  

  I have the same problem as dikobraz, I’d like to be able to have two links in a single li, the first link could be a plus symbol or whatever for expanding/collapsing while the second link could navigate to a page. Not sure if it’s possible but would like to be able do it.
  
  Great menu !
  
  Tom

  
  

• At 10 May '10 - 12:17 didier De Jaeger wrote:

  

  I’ve been trying for hours to get this to work in Wordpress.
  
  Anybody who has an idea to get this to work?
  
  header.php refers to menu.js, jquery-1.4.2.min.js and style.css.
  
  menu ul has class=“menu”
  
  menu has now everything expanded.
  with older jquery version it would leave the active childrens open.
  
  all help is greatly appreciated !
  
  didier

  
  

• At 10 May '10 - 12:19 didier De Jaeger wrote:

  

  sorry, in my post above I meant:
  
  older version of jquery WOULDN’T leave active children open…

  
  

• At 13 May '10 - 12:14 Josh wrote:

  Marco,
  
  All I wanted to do here is say thanks for not only making this in the first place, but being active in furthering it. That takes a pretty cool person…
  
  Josh

  
  

• At 14 May '10 - 09:16 ldeng76 wrote:

  

  adjust the width of level 2,3 menu item:
  
  ul.nestedmenu , ul.nestedmenu ul {
  width: 14.65em !important ;
  }

  
  

• At 20 May '10 - 04:15 Tarak wrote:

  

  Hi Marco,
  I am facing problem when page is loaded after menu item link is clicked. I need to show the item clicked in different color, so user can know which item they clicked. can this be possible ?

  
  

• At 21 May '10 - 01:08 Marco wrote:

  

  You can have the version with cookies?

  
  

• At 05 June '10 - 05:34 DD wrote:

  Hi!
  I like your menu!!
  But I’ve a problem with IE…
  If I load your demo page, all menus are open for a second, then they are close.
  How solve this problem?
  Thanks

  
  

• At 05 June '10 - 10:37 DD wrote:

  the problem there isn’t in the second version of the menu (demo page called Redux 2…)
  How can solve it?
  Thanks

  
  

• At 10 June '10 - 12:13 fiu wrote:

  Hi Marco!
  
  Your menu is just awesome :)
  
  but unfortunately i have question … is there a way to achieve an active-status for sub-menus too?
  
  greets
  
  thanks

  
  

• At 11 June '10 - 09:59 Bob Ainsbury wrote:

  

  Great and clean. Thanks.
  
  Is there a way (when selecting an item with no children) that:
  
  a) The previously expanded menu item collapses (since focus/selection has changed)
  b) The selected item (with no children) has “focus”
  
  Thanks!
  
  Bob
  
  p.s. If not, please contact me to see if I can hire you to do that.

  
  

• At 14 June '10 - 02:41 effemme wrote:

  Weblog Tools
  
  PivotX
  WordPress
  Textpattern
  Typo
  
  
  
  how to set color at description of submenu?
  i want that
  PivotX have a different style (different color) ?
  
  i try with add in style css
  
  .click{
  text-decoration: none;
  background: #FFFFFF;
  color: #FF0000;
  font-weight:bold;
  }
  
  but color remain with setting
  
  ul.menu a.active, ul.menu ul.menu li a.active, ul.menu a.active:hover, ul.menu ul.menu li a.active:hover {
  text-decoration: none;
  background: #FFFFFF;
  color: #000000;
  font-weight:bold;
  }

  
  

• At 16 June '10 - 12:02 BobDole wrote:

  

  Great script! I didn’t end up using it because it still has a few problems, but it’s a great start.
  
  Here’s my feedback:
  
  - You should include documentation on how change the functionality from responding to a click, to responding to a rollover, since clicking on a menu item to bring up another menu item is really non-intuitive and not very user friendly. Most drop down menu systems respond to rollover for main elements, and clicks for subelements/action items.
  
  - You should include a ‘mouseOut’ event that collapses the menus if they’re not in use, or if another menu item is open. I can click on multiple menus at the same time (this is a particularly bad problem when the script is changed to respond on hover). Include sensitivity settings that will close other menus that are open when a new menu is clicked/hovered over, and that will close all open menus after a certain amount of time of not being in use.

  
  

• At 22 June '10 - 20:22 Ahmed Hadra wrote:

  

  Everyone who´s been trying to use the accordion in wordpress and failed, here´s what I did:
  
  Problem: CSS works fine but al items of the menu were open. This is because the wordpress theme calls function from the header.php. In wordpress 2.9.2 this function calls an older version of jquery.
  
  Solution: I updated the jquery version called by wordpress following the steps that i found on this page
  
  http://bloggingabout.com/howto-updated-j..
  
  Hope it works. did for me :)
  
  By the way. Thanks for this great file!!

  
  

• At 03 July '10 - 06:28 Antnan Mpekir wrote:

  

  Very nice accordion menu congrats.
  
  I have a situation about this menu. I realized that when we click the link from menu it goes to another page. I want to use it on a page that the pages will shown on the right side and the menu on the left all the time. But when i try to do that the clicked child page opening but the menu resets or something and only parent menus been shown. How will it be possible to make the menu stand on the clicked section when i click to child link.
  
  Sorry for my bad english :) hope you understand the issue..
  
  thanks in advance

  
  

• At 04 July '10 - 22:10 Eliza wrote:

  

  Hi I am wanting the second list item to remain expanded when I click on one of the nested line items. At the moment it jumps straight up when I click on a link – Are you able to help me stop this from happening??
  
  THANKYOU :)

  
  

• At 18 July '10 - 13:40 uogecko wrote:

  

  Great script! I have just one question:
  
  I know that the script automatically changes the ul li a (link) tag class to “active” however I’d really like the script to alter the ul li (list-item) tag class in the same manner.
  
  I’m not very well versed in JQuery – can you tell me what changes need to be made to your script in order to accomplish this?
  
  Thanks!

  
  

• At 21 July '10 - 10:33 Jay wrote:

  

  Marco –
  
  Great additions to an already great accordion. Is there a reason you decided not to include the jQuery cookie plugin this time around? I’m gonna see if I can work it into this new one referring to the old one. I’m no jQuery master but I understand it. Gonna give it a whirl.
  
  Thanks again. Great work.

  
  

• At 24 July '10 - 08:25 steven wrote:

  

  Great menu thanx a lot! Just what i was looking for!
  
  Only one question. I saw it was asked several times, but i can’t find the answer:
  Is it posible to set up a link to the first level?
  In this exampel http://users.telenet.be/stevenenann/para.. there have to open a page in the middle section when you click for example ‘bibliotheek’ or ‘vorming’. Just like the one’s on the second level.
  
  Thanks a lot!!

  
  

• At 24 July '10 - 15:34 Simon wrote:

  

  Sup Macro. First of all, I must congratulate you for the great accordion script. However I wasn’t able to use it as a result of the number of bugs it has. MORPHEUS had a problem and that is the same problem I also had when I was using your accordion. If you are able to solve it, I might consider using your accordion again. However I must congratulate you for the time spent in creating a wonderful stuff like that. Cheers mate.

  
  

• At 10 August '10 - 07:14 Stephanie wrote:

  

  I’ve read through the comments on all versions but cannot find exactly what I need. Perhaps I just overlooked. I am working in a content manager and I’m trying to make the menu a bit more dynamic so that I only have to store it one time and still be able to indicate what section/page they are on. The menu will be on the right, the content on left for each page. Ex: with the below structure, when someone is on page 2.2, I would like the style for the Section and the particular page to be different so that they have a visual indicator of what page they are on.
  
  Section 1
  subsection 1.1
  subsection 1.2
  Section 2
  subsection 2.1
  subsection 2.2
  Section 3
  subsection 3.1
  subsection 3.2
  
  I have 3 sections and up to 15 pages in each. Right now, I just have 3 versions of the menu and highlight the appropriate “section” manually. But this doesn’t highlight the page and I don’t want to have 50 versions of the list because updating every instance is a nightmare when things change.
  
  I’m hoping that someone has done, or can offer a better way of doing this. Perhaps setting a variable on the page or some other way of informing the menu what to style as active/selected. I’m limited to only using html, css or javascript.
  
  I have just (in the last 2 weeks) discovered jquery and though I can usually get done what I need to (by following examples/demos) my coding skills are just are not that great. If anyone has some explicit instructions or examples, I would be very grateful.

  
  

• At 12 August '10 - 06:58 NNN wrote:

  It won’t work in stupid IE!! It’s working but not quite well! Stupid, stupid IE!

  
  

• At 12 August '10 - 08:27 Frank wrote:

  

  HI – I would als need the answear on this question – unfortunately noone answeared yet:
  Great and clean. Thanks.
  
  Is there a way (when selecting an item with no children) that:
  
  a) The previously expanded menu item collapses (since focus/selection has changed)
  b) The selected item (with no children) has “focus”
  
  Thanks!
  
  Bob
  
  p.s. If not, please contact me to see if I can hire you to do that

  
  

• At 20 August '10 - 07:10 John Kalnin wrote:

  

  I use this menu across our site’s portal, thanks so much for the code! I have also come up with a javascript snippet that some users may be interested in using to make the menu more dynamic. This solves the issue of having one shared menu across multiple pages and having the correct menu option selected and expanded. Put this code at the bottom the page and it will “inject” the class name of “expand” onto the ID of the LI that you want to be selected when the page is fully loaded:
  
  document.getElementById(“id_of_li_you_want_expanded”).className = “ expand”;
  
  Now, you can use one menu system as an include and have the page content expand the correct menu option for you. Hope this makes sense – see it in action here:
  http://www.lsac.org/JD/Think/getting-sta..
  
  The included menu file has no “expand” class on any of the menu items. The page loads and that javascript code expands the correct section. This way I have one menu file for each section of the site making managing it 1000x easier.
  
  You are the man!

  
  

• At 01 September '10 - 10:24 bluantinoo wrote:

  

  hi, very nice menu.
  
  It would be just perfect if there was the possibility to let people close the submennu expanded just clicking on active links, exactly where they clicked to open it….
  
  i tried to change a bit your script, but with no success :(

  
  

• At 01 September '10 - 10:33 bluantinoo wrote:

  

  sorry, i did not read the “collapsible” part of the menu.
  you can delete my comment, or just leave the part where i say “very nice menu” ;)

  
  

• At 08 September '10 - 08:55 Sparky wrote:

  Anyone sussed how to expand sections from links external to the actual menu list structures? For example in some other part of the web page you may have a normals link that calls some code which expands a section of the accordian menu.

  
  

• At 19 September '10 - 12:36 Uwe wrote:

  Thank you so much for your menu. I love it.
  
  I try to build a site with it, but i face a problem that is probably only due to my lack of experience. My menu has the following structure :
  
  HOME
  ITEMS – ITEM_1 – ITEM_2
  
  and so on. Now, when i am on page HOME (home.html) and the user clicks on ITEMS, i want the page items.html to open plus the ITEM – menu to expand.
  
  I’ve changed the href before the ul from # to items.html, but the new page won’t load.
  
  Am i missing something?

  
  

• At 20 September '10 - 09:26 Kristin wrote:

  

  Marco,
  
  Thanks for all your work on this menu. It was very easy to implement and it looks like my version has several of the above mentioned bugs resolved.
  
  There is a question that has been asked several times above and seems very basic to usability, yet I don’t see a solution posted by anyone.
  
  How would we make the parent item link to a category page even when it has child sections? In my case, I’ve got:
  
  Home
  About
  – sub-menu item
  – sub-menu item
  Services
  – sub-menu item
  – sub-menu item
  Contact
  Etc.
  
  When I click on ‘About’ the menu expands, but the user remains on the page they were on. Most users would expect to go to a new page when they click on a link in the menu. I had intended to have a unique ‘About’ page, then sub-sections as well. Even if the first child served as the primary ‘About’ page, that would work as well. The most important factor is that when somebody clicks ‘About’, I need it to not only expand the menu, but also lead the user to a new page (ideally the ‘About’ page, but could be the 1st sub-menu item under ‘About’).
  
  I hope this makes the problem more clear so you can let us know if there is a solution.
  
  Thanks!

  
  

• At 22 September '10 - 02:00 Orneis wrote:

  

  Hello there. First of all, thanks for the great code!! It works like a charm. I have a few questions though:
  
  1) How do you use “collapsible” class? I would like to be able to close an open menu by clicking again on the item. This is how I did it:
  
  
  Home
  
  
  About us
  
  Item 1
  Item 2
  Item 3
  Item 4
  
  
  ...
  
  But it wont work.
  
  2) I have tried using “hover” instead of “click”. It also works but I have a lot of sub-menus and everything opens too fast, it’s a bit disturbing. How can I add a delay before it opens?
  
  3) Again… on the “hover” issue, how can I make an opened menu close but this time on a click?
  
  Thanking you in advance,
  
  Orneis

  
  

• At 27 September '10 - 14:41 Jay wrote:

  

  In answer to Kristin’s question of how to make a menu item both link somewhere and expand a list of submenu items, I recommend the following modifications.
  
  Step 1. In the parent tag specify the desired url instead of #.
  Step 2. In menu.js add the following code before each of the “return false;” statements.
  
  if (!typeof $(this).closest(‘a’).attr(‘href’) == ‘undefined’) {
  window.location.href = $(this).closest(‘a’).attr(‘href’);
  }
  
  This will force the page to load after the menu expands. Additional code is still required to keep that menu “state” after the page loads however.
  
  As an aside, do we really need return false, or would event.preventDefault(); be better? Is there any need for event.stopPropagation(); as well?

  
  

• At 21 October '10 - 06:47 Sal wrote:

  

  Ciao Marco,
  I’m trying to use your beautiful script and I want bring you a bug on z-index behavior when in the same page is used the ModalPopupExtender AjaxToolkit. I set the css z-index of my popup with a very high value (100000) and css z-index of Jquery menu at 1 … Unfortunately the menu remains on top and isn’t dominated by the brackgroud popup … any ideas on this?
  
  Bye! :)

  
  

• At 21 October '10 - 11:25 jared wrote:

  

  Thank you so much for this. I can’t wait to install it on my site.

  
  

• At 21 October '10 - 14:09 cakephper wrote:

  

  I tried Jay’s suggestion above but…all the items are expanded by default. I really want them hidden. Hey is there a way to have them collapsed, then expand if you click the plus/minus next to them and go to the link if you click the text? Oh I added plus/minuses to the left of each link.

  
  

• At 29 October '10 - 12:24 Greg wrote:

  

  I upgraded to this new version and gained a functionality I was looking for, but lost one I had as well.
  
  Services – Link 1 – Link 2
  
  When I expand a list (Services) and click a menu item (Link 1) I would like the Services list still expanded on the Link 1 page, so the user knows where they are. This worked in your older version. The problem I had with the older version, is if I went to the Link 1 page, and then back to the home page, the Services list remained open, and I wanted all of the lists back to their default closed state.
  
  Can I have both?

  
  

• At 08 November '10 - 09:39 melly wrote:

  

  Hi Marco,
  
  how I can prevent shuts myself it that the assets submenu in the side change? ( Sorry for my Bad English )
  
  Code:
  
  function initMenus() {
  $(’.children’, this).hide();
  $(‘ul.menu ul’).hide();
  $.each($(‘ul.menu’), function(){
  $(’.children li’).show();
  $(’#’ this.id ‘.children current_page_parent li’).show();
  });
  
  $(‘ul.menu li a’).click(
  function() {
  var checkElement = $(this).next();
  var parent = this.parentNode.parentNode.id;
  
  if((checkElement.is(‘ul’))

  
  

• At 10 November '10 - 13:27 Tae wrote:

  

  thank you for this great plugin – it meets most of the requirements for a site i’m currently building. just a couple of suggestions if i may..
  
  related to some of the comments above, i’d recommend support for the hoverIntent plugin for better UX: http://plugins.jquery.com/project/hoverI..
  
  i’d also recommend adding visual indicators (such as arrows) to the examples to indicate which parent items have child items – and when the submenu is shown, the arrow should point down. right now, you have text labels that say something like “no submenu” which is not elegant at all.

  
  

• At 19 November '10 - 13:53 designgrrl wrote:

  

  Good stuff! Thank you for your efforts. I came across your 2nd version of your menu first because it does exactly what I need storing and passing the info on which is expanded via cookie (must have this functionality). BUT, I also need to have the expanded item have an active state as you did in this version of the menu.
  
  Using this latest version of your menu, is there a way to use cookies to remember which item is expanded? Please help. And thanks in advance.

  
  

• At 22 November '10 - 07:55 Ricardo Zea wrote:

  

  Here’s a small problem I found, I’m sure it can be fixed but I’m not a jQuery/JS guru.
  
  I tried using a DIV inside the expandable area instead of UL/LIs but the menu breaks.
  
  Any idea how that can be fixed/adapted?
  
  Thanks,

  
  

• At 02 December '10 - 10:51 Rick wrote:

  

  I’m experiencing an issue with this script in IE7 – all the menu items appear to be expanded. I can’t post a link to the page unfortunately since it’s on a dev server, but I can tell you this works fine in IE8, and FF.
  
  Any help would be appreciated!!

  
  

• At 09 December '10 - 03:11 jeff wrote:

  

  Hi Marco,
  
  Your menu seems not working when you place the scripts on the bottom of a page. I work with html5 and as recommanded I put all javascripts just before the closing
  An idea ?

  
  

• At 09 December '10 - 03:28 jeff wrote:

  

  So I find out why it doesn’t work. There’s a conflict between your script and Cufon script. I you know why it can be helpfull for everybody who use Cufon.
  
  Thanks again

  
  

• At 08 January '11 - 09:32 Evan wrote:

  

  I created a link that will expand all / collapse all, but when the link is clicked it creates a yoyo effect. Do you know how to resolve this?
  
  You can view a demo here and its code: http://jsbin.com/itibi4/9/
  
  I have it working here using your previous code, but I’d like to migrate to your new code above.
  http://jsbin.com/itibi4/5/

  
  

• At 09 January '11 - 20:44 Evan wrote:

  

  nevermind with my previous post. you can delete it…
  
  here is the finished code with expand all / collapse all:
  http://jsbin.com/ucobo3/15
  
  there’s one piece i can’t figure out is how to disable the active state from bullets when there’s no sub links such as those under section 3.

  
  

• At 13 January '11 - 18:02 Evan wrote:

  

  I hope this is helpful to your viewers. It would be great if you could include an updated version for everyone with my enhancements below. in the mean time, I hope you enjoy them.
  
  This demo includes the following: http://jsbin.com/ucobo3/24/
  
  - active state now assigned to the unordered lists instead of “li a”. i read ‘uogecko’ asked for it to be assigned to the li. it’s more common for the active state to be assigned to the li. i needed this, too.
  
  - Active and Inactive with toggling bullet arrow images. i thought this was a great way to show the active state.
  
  - Expand All / Collapse All. The link will also swap its text!
  
  - On page load, the two columns will load at equal height (even though they are not of equal height) and will expand and collapse when the accordion expands and collapses. This is a feature many need, but in most cases the accordion will experience an overflow if the plugin is not configured correctly as seen here: http://jsbin.com/ucobo3/22/
  
  ... i would love to see other enhancements such as: – when there is no sub menu, those arrows don’t toggle on expand all. – when there is more than one accordion menu and a list is expanded and left active, clicking on a second accordion in a different menu will collapse the active accordion from the previous menu. currently, each menu functions independently.

  
  

• At 18 January '11 - 19:55 Austin wrote:

  

  Is there any way to have the active submenu expanded instead of the first submenu (or which ever menu is set to ‘expand’)?
  
  So, if I I jump straight onto the Ruby page, and it is a local page, the Programming Languages submenu would be expanded.

  
  

• At 25 January '11 - 03:40 Max wrote:

  

  Hi,
  
  I don’t know if this is possible with your menu accordion (number 4 on your demo page) but I will try to describe it: When I click on “cool stuff” the menu expands and it colors red, very nice. Then the user will click on “apple” and (in my case) a new page on my site loads (no external address). On this new page I would like to have the menu (menu needs to be visible on all pages) expanded on “cool stuff” and the item “apple” is also colored red.
  
  Can this be done, and off course how?
  
  Thanks,
  Max

  
  

• At 25 January '11 - 11:19 Ryan wrote:

  

  Fantastic work Marco! This is exactly what I was looking for and so easy to implement.
  
  I am using the “expand” class to specify which panel should be open on page load. I tried to also use “expand” on one of the children so that I could highlight the current page, but it didn’t work.
  
  EXAMPLE:
  Make – Audi – BWM – Mercedes Benz
  Year – 2011 – 2010 – 2009
  
  I want to expand the “Make” panel on page load (done) and also highlight the BMW child link to indicate the current page is BMW (not done).
  
  I’m fairly new to jQuery. Can you advise how I can tweak your script to accomplish this?

  
  

• At 10 February '11 - 06:06 Dennis wrote:

  

  Thanks Marco for this updated and versatile version.
  
  I was looking for a simple script to simulate the menu of the Wordpress admin console I could use in a CMS I’m developing.
  And this is exactly what I was looking for.
  
  Small issue was maintaining the open-state of the menus when switching pages. Which I solved by using a PHP $_GET procedure to check what page is loaded in the URI and then adding the ‘expand’ class to the LI element with that name. It’s probably not clean coding, but it does the trick (until I find a better way ).
  
  One thing I’m less happy about is that all the menus are shown for a microsecond when loading a page, before they eventually are collapsed by the script. Which could probably be solved by a PHP procedure of loading the entire page into a buffer prior to putting it on the screen. I’m not sure if it’s possible but I’ll be crunching codes attempting to get around this.
  
  For now, I’m happy with the result and look forward to any new features.
  
  Thanks again!
  
  (btw, my website is still under development until I get the CMS functioning. Check URL : myworkz.webatu.com/v2 for a small glimpse of what is to come)

  
  

• At 14 February '11 - 11:04 Mario wrote:

  

  Its a really cool script. But I have a problem with Jay’s answer:
  
  Step 1. In the parent tag specify the desired url instead of #.
  Step 2. In menu.js add the following code before each of the “return false;” statements.
  
  if (!typeof $(this).closest(‘a’).attr(‘href’) == ‘undefined’) {
  window.location.href = $(this).closest(‘a’).attr(‘href’);
  }
  
  I have added the code before each of the “return false;” but it does not work. Can everyone help me?
  
  Thanks

  
  

• At 23 February '11 - 07:42 Rob wrote:

  

  Hi Marco
  Great accordion.
  
  What I would like to do is return false on the actual menu links because I am using another script to load content into another element on the page. The hrefs are all # and my script is grabbing the ID of the LI elements to display the content in the DIV.
  
  As it stands at the moment, it reloads the whole page, which I don’t want.
  
  I have tried some changes in your code, but they break the functionality.
  
  I hope you can help.
  
  Many thanks.
  
  Rob

  
  

• At 09 March '11 - 02:44 James wrote:

  

  Hi,
  
  Thanks very much for the code it is very useful.
  Two questions,
  
  1. I have a menu with only one panel that opens. I am trying to make this collapsible. As the UL’s both already have classes I cannot use it here, I have tried using it in the parent LI with no success and have tried wrapping a div with class collapsible round the child UL but still no success. Can you enlighten me as to the best way to do this please?
  
  2. I want the script to “remember” the state it was in, so if someone opened the panel, if they click to another page the panel stays open. I thought about the expand class, but this would leave the panel open on entry which is not what I want.
  
  I hope you are well, and applaud your generosity in sharing this excellent script.
  
  Many thanks

  
  

• At 10 March '11 - 00:32 Andreas wrote:

  

  Thanks for a fantastic menu script!
  
  Question: A couple of my top level menu items (i.e. they have sub menu items) are linked to other pages. Is there any way to tell the script to follow these links, even though it’s supposed to expand the sub level?

  
  

• At 21 March '11 - 19:13 layer26 wrote:

  

  Hi Marco, i really like your menu but i cannot make it run with lightbox.Please do sth about it.

  
  

• At 28 March '11 - 13:52 Nicola wrote:

  

  Hi Marco,
  for the problem raised by Michele on the 5th of March 2010, which i’ll briefly resume below:
  
  “[...] when the page loads and the accordion appears fully exploded for a split second [...]”
  
  and which I also had on IE, I have solved adding this piece of code in the document.ready() function of your script:
  
  $(”#menu”).css(“display”,“block”);
  
  and adding css style “display: none” to menu DIV, so that it’s shown only after being inited and collapsed by your script, in this way we prevent the wrong behaviour of being shown fully expanded for some seconds while page is being loaded on IE.
  
  Cheers

  
  

• At 08 April '11 - 07:38 Edge wrote:

  

  Great work on this plugin! I am using it now with the nested menu items but it would be great if you could collapse the nested menu items… below is the code i am using, any help would be appreciated!
  
  Q1 Audio
  
  href=“www.blah.com“id=“a”>Q1 Audio
  Q1 Podcast (MP3)
  
  AAA
  BBB
  CCC
  DDD
  EEE
  FFF
  GGG
  HHH
  III
  
  
  
  
  Thanks again for the great plugin!.

  
  

• At 12 April '11 - 04:01 anonimus wrote:

  

  a little bit changed the code for non-accordion menu. like it?
  
  $(document).ready(function() {
  $(‘ul#my-menu ul’).each(function(i) {
  if ($.cookie(‘submenuMark-’ i)) {
  $(this).show().prev().removeClass(‘collapsed’).addClass(‘expanded’);
  }else {
  $(this).hide().prev().removeClass(‘expanded’).addClass(‘collapsed’);
  }
  $(this).prev().addClass(‘collapsible’).click(function() {
  var this_i = $(‘ul#my-menu ul’).index($(this).next());
  if ($(this).next().css(‘display’) == ‘none’) {
  $(this).next().slideDown(200, function () {
  $(this).prev().removeClass(‘collapsed’).addClass(‘expanded’);
  cookieSet(this_i);
  });
  }else {
  $(this).next().slideUp(200, function () {
  $(this).prev().removeClass(‘expanded’).addClass(‘collapsed’);
  cookieDel(this_i);
  $(this).find(‘ul’).each(function() {
  $(this).hide(0, cookieDel($(‘ul#my-menu ul’).index($(this)))).prev().removeClass(‘expanded’).addClass(‘collapsed’);
  });
  });
  }
  return false;
  });
  });
  });
  function cookieSet(index) {
  $.cookie(‘submenuMark-’ index, ‘opened’, {expires: null, path: ‘/’});
  }
  function cookieDel(index) {
  $.cookie(‘submenuMark-’ index, null, {expires: null, path: ‘/’});
  }

  
  

• At 17 April '11 - 13:06 Bramick wrote:

  

  I think I found a bug.
  
  You can’t wrap the anchor links that expand and collapse the accordion. for ex
  
  
  Competition
  
  Apartment A
  Apartment B
  Apartment C
  Apartment D
  
  
  
  Wrapping the anchor link in the h4 breaks the expand/collapse.

  
  

• At 29 April '11 - 09:15 ken wrote:

  

  I also needed to make the submenu heading into an active link, not just a toggle button. I tried Jay’s code above but could not get it to work. Don’t know javascript well enough.
  
  What I ended up doing is calling the link through javascript, and then changing the css class with php. Works fine! This way I didn’t need to edit the javascript file at all.
  
  here is the code: http://pastebin.com/mW8NQtku
  
  btw this is using wordpress functions but you could write your own for any site.

  
  

• At 11 May '11 - 07:59 Maria wrote:

  

  Hello Marco,
  
  This menu is sweet and exactly what i was looking for !
  
  I have one problem : I already have a class “menu”, how is it possible to rename this in your script ?
  
  I have tried to change it to menu2 in the menu.js file but it doesn’t work.
  
  Could you please help me ?
  
  Thank you !

  
  

• At 13 May '11 - 10:31 Kay wrote:

  

  Did Alex question get answered? I search through the blog post, but I may have missed the response. Here is what Alex wrote:
  
  Hi Marco,
  
  The nested accordion is working perfectly for me right now. The one problem I am running into is keeping the nested menu expanded on page load.
  
  My structure is Parent Category > Sub Category > Product
  
  When they click on the product, it goes the the product page, and I apply the expand class to that “Sub Category” menu so it stays open, but it isnt working.
  
  Can you not keep a nested accordion open?
  
  Thanks for the help,
  Alex
  
  _______________________________________________________
  
  I’m having the same issue. When Sub Category or Product is clicked, the menu closes/collapses. I only want the menu to close/collaspe when the Parent Category (top level) is clicked, not when sub-items are clicked. Is there a way to do this?
  
  I love the menu and all your hard work. Amazing.
  
  Kay

  
  

• At 14 May '11 - 18:22 jw wrote:

  

  Hey Marco. Quick question…
  Any idea why when adding rounded corners to the ul.menu would render strangely in Safari? Looks good in Chrome/FF.
  
  It does this weird thing on the inside curve.
  
  ul.menu li a, ul.menu ul.menu li a {
  background: #333;
  color: #fff;
  padding: 0.5em;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  }

  
  

• At 14 May '11 - 19:59 jw wrote:

  

  Ok, this looks like it is a Safari rendering thing. You can delete my post if you like. Thx.

  
  

One or more comments are waiting for approval by me.

Got something to add to this?

Feel free to leave a comment on this site. You can use Textile and Emoticons. Your email address is only used to show a gravatar. Please stay on-topic and use common decency. Spammers will be shot in front of a live studio audience.

If you plan on posting code, use pastebin please and post a URL to the code. The comment processing doesn't deal very well with code. Sorry for the inconvenience.

Human comment spammers: don't bother posting your crap here. Comments are moderated and I won't let any of your shit through.

Trackbacks

• Earlier musings
• JSFiddle: All sorts of awesome! (1)
• Screamager a HTML5 application (1)
• Realistic LCD display effect with pure CSS (1)
• Node.js shortened URL decoder (6)
• Stereoscopic 3D television - Some thoughts (8)
• Mass Effect - The best Space Opera of all time (4)
• Yup, Yet another JQuery Accordion Plugin (150)
• Week In Links: a WordPress plugin for link digest posts (1)
• Technorati: What happened to you? (6)
• Some random thoughts about the iPad (2)
• Bookalicio.us version 2.0: an attempt to design the prettiest book blog on the net (4)
• Me, version 2.0. Released! (13)
• PreDevCamp SF Bay Area at Palm HQ - a videoblog (7)
• Me, version 2.0, almost done (2)
• Why I choose the Palm Pre to be my next mobile phone (8)

• Tumblr
• "…there is compelling scientific evidence that our planet is about 4.5 billion years old (the theory..."
• Girlfriend-lap pillow.
• Photo
• On a cosmic scale, any of the bullshit going on on this tiny...
• Photo
• Things are about to get hot in London.
• Brain-Dead Teen, Only Capable Of Rolling Eyes And Texting, To Be Euthanized
• Anonymous hacks White Supremist site, finds direct links to Ron Paul.
• "People have no problem paying $900 for an iPad, but paying $900 for a drug they have a problem with..."
• Photo
• I think I’m gonna need this!
• "There are serial killing stories, prison stories or true crime stories. Each year of the show is..."
• Apple Scotland: Using Siri.
• thedailywhat: Photo Series of the Day: From photographer Traer...
• visit me on Tumblr

• Tag Universe
• ajax apple blog bloggers blogging blogosphere blogs blogspam browser browsers clock comment_spam css design dutch firefox flickr google hype internet islam javascript mac mint pagerank performance photography php php5 pivot pivot-blacklist pivot_blacklist powerbook programming prototype rails referrer+spam referrer_spam rss spam spammer spammers taggerati tags technorati template trackback typo usa variable virb web+2 web_2 weblog weblogs website wordpress xhtml xsl yui (all)