All Questions
Tagged with accordion zurb-foundation
48
questions
0
votes
1
answer
126
views
Zurb Foundation Accordion not expanding
I am using Foundation 6.7.4.
I am trying to set up an accordion like the one in their example here https://get.foundation/sites/docs/accordion.html
I have my accordion set up as such:
<div class=&...
-2
votes
1
answer
39
views
Foundation 5 accordion not working on touch
My accordion systems are working on desktop and clicks, but aren't working on touch screens or mobile. Not sure how to fix this or what is wrong. www.revivalfloatspa.com/massage is the site.
0
votes
1
answer
37
views
Accordion Containment not working properly
I had build a parent and child system using accordion. The structure is something like below
parent1
child1
child2
child3
parent2
child4
child5
child6
parent3
child7
child8
child9
...
1
vote
1
answer
49
views
Manage the parent toggle case
I had built a structure parent and child using accordion.
Structure of my view is something like below. When I click on any child
so I clone the parent and then I move the child element to the ...
0
votes
1
answer
660
views
Close all Responsive-accordion Tabs on small screen? (Foundation 6.3)
So I'm having a really hard time figuring out why I can't collapse my accordion tabs using the Foundation 6.3 responsive tabs (https://foundation.zurb.com/sites/docs/responsive-accordion-tabs.html). I ...
0
votes
2
answers
262
views
Foundation 6 accordion active item creates page layout error
I'm using a Foundation 6 accordion as a central element on a page, and I'd like it to load with the first accordion item open, which is possible with the "is-active" state class. But on the initial ...
0
votes
0
answers
213
views
Foundation 6 Tabs in Accordion
Is it possible with Foundation 6 to put links to tabs (.tab-title) within a vertical accordion menu?
My attempt: https://codepen.io/bradleyrcmarques/pen/oePGeX
Additional requirements: if a redirect ...
5
votes
1
answer
3k
views
Foundation 6 accordion 'collapse all/expand all' and scroll to top
I am looking to implement a 'expand all/collapse all' link for the accordion in Foundation 6.
For reference see this codepen.
$(document).ready(function() {
$(".toggle-accordion").on("click",...
2
votes
2
answers
1k
views
Clickable parent link foundation accordion menu
Im using http://foundation.zurb.com/sites/docs/accordion-menu.html
But the root folder only open/close.
Im looking for an idea where the text on the root is a link and the arrow open/close the folder ...
1
vote
3
answers
4k
views
How to collapse all opened accordion using ZURB Foundation 6
To default open an accordion section, you need to add "is-active" class for the li tag. like this:
<li class="accordion-item is-active" data-accordion-item>
<a href="#0" class="accordion-...
1
vote
1
answer
2k
views
Opening an Accordion via URL link (foundation v6.3.1)?
Is it possible to open a Foundation 6.3 accordion menu from a regular href link on the same page? I'm using the most current Foundation v6.3.1 and have found some info on doing this but nothing that ...
0
votes
1
answer
1k
views
How to override Foundation accordion styles?
I'm using foundation sites in a WordPress theme, I am trying to override the style for the accordion component:
In particular I want all the items to have a border-radius of 10px.
There seems to be ...
0
votes
2
answers
1k
views
How to make clickable parent link accordion menu
How to make clickable parent dropdown(accordion menu) link on mobile. When I click to parent link, only the drilldown or accordion menu toggle, bu the lparent link not clickable. I use foundation ...
1
vote
1
answer
190
views
Expanding and Collapsing Foundation 6 Accordion Menu on Scroll with Magellan
I have built a test site using Foundation 6 Accordion Menu and Magellan: http://studiospaces.vlvtn.com/test
I would like the top level headers to expand and collapse when you reach the relative ...
5
votes
2
answers
3k
views
Disable clickability on foundation accordion
I have a foundation accordion something like this.
<ul class="accordion" data-accordion>
<li class="accordion-navigation">
<a href="#panel1a">Accordion 1</a>
<div ...