Hi Matt, Great response. I love this design, which worked fine on the website offering it. It allows me to squeeze a lot of content on a page without distracting the user with traditional navigation.
Just one problem. When I copied the code (as evidenced by http://www.pastie.org/2181082) and ran it on Firefox 5.0 over WinXP- Pro/SP3, I was presented with all elements displayed, all menus followed by their respective contents ... a wide open accordian, as it were. The only thing I saw as a potential problem is the first line: $ ( "#accordion" ).accordion(); I interpret this to mean "Apply the accordion() function to any element that is tagged with the ID 'accordion'", but there is no relevant "accordion()" function defined anywhere. Have you every gotten this thing working? While I was waiting for this newsgroup's admins to post my question, I surfed and found http://www.htmldog.com/articles/suckerfish/dropdowns/example/ which I'll be using for traditional navigation. Take a look at it. Best wishes, Richard On Jul 6, 10:14 am, Matthew Witek <[email protected]> wrote: > Hello Richard, > Are you looking for an accordion style menu? like this: > http://jqueryui.com/demos/accordion/ > > Matt > > On Jul 6, 2011, at 9:52 AM, RichardOnRails wrote: > > > > > > > > > Hi, > > > I posted a question on this topic yesterday, but it seems to have > > gone down a rabbit-hole (like events in Lewis Carroll's "Alice in > > Wonderland.") Here's a second attempt at getting some ideas: > > > I posted code I found on the web athttp://www.pastie.org/2170350. I > > lists a menu of three items. Clicking any one of them causes the > > items subordinate contents immediately beneath the item and indented. > > That's great. > > > Clicking a second item among the original three does the same thing. > > However, the first-clicked item remains expanded. I'd like the > > example to be modified so that whenever an item is expanded, it first > > collapses any currently expanded menu. > > > Is there any pure CSS way in coding that behavior, with some > > JavaScript if necessary? > > > Thanks in Advance, > > Richard > > > -- > > -- > > You received this because you are subscribed to the "Design the Web with > > CSS" at Google groups. > > To post: [email protected] > > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
