alhadis / accordion Goto Github PK
View Code? Open in Web Editor NEWSilky-smooth accordion widgets with no external dependencies.
Home Page: https://www.npmjs.com/package/accordion
License: ISC License
Silky-smooth accordion widgets with no external dependencies.
Home Page: https://www.npmjs.com/package/accordion
License: ISC License
If the fold for a nested accordion features the open
class on page-load, some weirdness goes down with the initial scaling.
What the title says. Fix this shit.
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.
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
Is there an easy way to keep first item expanded by default. Also when expanding a new element collapse the previous one? Thanks.
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
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?
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!
Is there any way of making the heightOffset responsive? I usually have a gap that is fluid between tablet and desktop
Hello, great plugin,
Is there a way to update height of accordion item if content is updated within it? Thanks.
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.
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!
C'mon, it's seriously askin' for it.
Is there a way to check if the accordion is completely loaded and on screen?
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?
The bundled demos
link 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
What the title says. Fix this shit.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.