alhadis/accordion

Silky-smooth accordion widgets with no external dependencies.

accordion's Issues

Update height if contents change

Hello, great plugin,

Is there a way to update height of accordion item if content is updated within it? Thanks.

Doesn't work on IE

Hello,

does this accordion work with the Internet Explorer?
On my current projekt it works on every browser except in Internet Explorer.

Link: http://p408166.mittwaldserver.info/produkte/?taxonomy=productcategory&termID=3

To-do list

• Write documentation
• Add support for using CSS transforms to establish real smoothness
• Die a painless death in my sleep

Where is demo?

Incorrect heights set for nested accordions with pre-opened folds

If the fold for a nested accordion features the open class on page-load, some weirdness goes down with the initial scaling.

Borders aren't considered when calculating fold heights

What the title says. Fix this shit.

No easy way to add/remove folds after construction

Hi! Is it possible to fully destroy and init again accordion with the same container? (In case if items there have been changed)

When I call just update, it doesn't init recently added folds, and when I init a new accordion, I see the all previous are not deleted.

Deep linking

Do you have an example where you visit a page with a hash in the URL and it opens the appropriate accordion item and scrolls to it?

I am currently not seeing a way to trigger an individual open myself once I get the link element.

Any help would be appreciated!

Great Plugin

Is there an easy way to keep first item expanded by default. Also when expanding a new element collapse the previous one? Thanks.

Responsive heightOffset

Is there any way of making the heightOffset responsive? I usually have a gap that is fluid between tablet and desktop

Enter and spacebar to open/close accordion item

First, thanks for the great package!

So I'm seeing code for

/** Enter: Toggle */
case 13: {
    THIS.open = !THIS.open;
    break;
}

But this doesn't appear to be working, it does not toggle the item to be open and closed. Ideally i'd also like to have the spacebar do the same thing. The right and left arrows work as I'd expect though.

Is this behavior something that could be added? Or do you have a recommendation of adding my own event listener to accomplish this?

Strange type rendering issue with Chrome 55 / Mac 10.10.5

Hi I'm wondering if you can reproduce the issue I'm seeing below:
https://landofwomen.com/pages/united-states-stores

Notice in the screenshot attached "Arizona", the first accordion section title, appears a lighter weight font. It's fairly consistent on this page but I've noticed it elsewhere less consistently. The issue goes away if I resize the browser window or toggle certain .accordion css attributes using the inspector tool (like backface-visibility and transform), but actually commenting them out does nothing after a full page refresh.

I'm running Chrome 55.0.2883.95 on Mac OS 10.10.5.

Let me know if you have any thoughts!

Thanks

README - bundled demos link broken

The bundled demoslink inside the Styling section is broken, because there are some ` inside the:
Current link:
https://github.com/Alhadis/Accordion/blob/master/``demos/anim-switch.htm``
Correct link:
https://github.com/Alhadis/Accordion/blob/master/demos/anim-switch.htm

Anyway to access the click event?

I want to add buttons to the accordion header. So when there is a click event, I need to be able to figure out whether I clicked the heading or the button in the heading. How do I do this?

Option to allow only one fold to be open at a time

Is there a method I could use on the onToggle callback to collapse all other folds when one is expanded? So if you open one, any open section collapses.

Height not updating when closing an accordion nested in another

What the title says. Fix this shit.

Feature: Only open one accordion at a time, collapse others?

Hello,

Somehow it must be possible to only open one accordion at a time whereby if an accordion item is open and you click to expand another accordion item, the open item closes and the clicked item expands.

Any help would be great.

Thanks!

Rewrite code in ECMAScript 6

C'mon, it's seriously askin' for it.

Loaded event?

Is there a way to check if the accordion is completely loaded and on screen?