for the #element.accordian() function to work, you have to link the
respective plugin.js file in the head/foot of your document AFTER jquery
is called in your layout. Otherwise it won't recognize the jQuery object
and thus will not function.
- Brandtley
On 7/7/2011 11:25 PM, RichardOnRails wrote:
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]
