Comments on: Vertical Sliding Accordion with jQuery

By: Jack Nycz

Jack Nycz — Fri, 16 Mar 2012 18:16:18 +0000

Just tested it on mine, works fine. iPad 2?

By: taxbax

taxbax — Thu, 15 Mar 2012 20:57:53 +0000

did you ever figure this out?

By: taxbax

taxbax — Thu, 15 Mar 2012 20:33:19 +0000

Why did you just paste that whole script in here? You could have at least linked to a js file on a server. If anyone copies and pastes this script into their code, they will pick up tons of formatted characters, mostly quotation marks but also minus symbols. Even after fixing those things, I still couldn’t get it to work.

By: Mike Sheridan

Mike Sheridan — Sun, 11 Mar 2012 04:51:44 +0000

For those trying to set it to open a slice on load, you can try

$(‘.va-slice-1′).trigger(‘click’);

that will display the contents of va-slice-1

also, I have mine so that instead of click, mine triggers on mouseenter (similar to hover), just change line 371 or the line that reads in the js file.

$slices.bind('click.vaccordion', function(e) {

with

$slices.bind('mouseenter.vaccordion', function(e) {

By: Nico

Nico — Fri, 09 Mar 2012 13:45:38 +0000

Hi,

Is it possible to add a scrollbar on the right ?
If it’s possible, is there an easy way to do that ?

Thanks

By: Paula

Paula — Mon, 05 Mar 2012 15:52:09 +0000

To sat it more clearly……I want my ‘va.title’ classes to overlay on each other when my accordeon is closed and collapsed….
maybe this is more clear…
Is this possible?
Thanks!

By: Paula

Paula — Sat, 03 Mar 2012 11:48:06 +0000

Thanks for this accordeon! It works beautifully.
There is only one thing I cannot manage to do.

I have all my slices, wrapper and container with a transparent background, so I can to see my background image when the accordeon is closed.
Then I only the titles of each slice.
Tha works great.

I would like to put these titles very close to each other so , when you see the accordeon closed, you see a block of text with the lines superposed on the top and bottom borders. So then I see a block of letters.

The problem is that when I bring them close, even though ALL the backgrounds are transparent, they do not superspose but cut each other.
Is there any way I can do this?

Thanks!

By: Ben

Ben — Tue, 28 Feb 2012 14:19:47 +0000

I am also interested in the option to have a slider open as a default. I require the ‘Welcome’ section of a site to be open as a default initially, with the rest minimised. Is this possible?

By: Mikhail

Mikhail — Sun, 26 Feb 2012 08:21:01 +0000

Also, Mary Lou used data() method (http://api.jquery.com/data/). This is quotation from docs: “Note that this method currently does not provide cross-platform support for setting data on XML documents, as Internet Explorer does not allow data to be attached via expando properties”.
Does anybody test the script in other version of IE?

Also, accordion has fixed height and weight in full screen example. So, if user change browser size, beauty will disappear.

By: lkj

lkj — Mon, 20 Feb 2012 14:59:23 +0000

Hi, great tutorial and really nice design… I was wandering if I can use your code to build my website, or is this just for demo purpose? tnx