CSS Responsive Animated Accordion file preview

CSS Responsive Animated Accordion

CSS Responsive Animated Accordion created by Chris Wright
325 downloads, 4741 views

css responsive animated accordion menu


Download (4.13 KB)

Comments

You need to login to post a comment.

user pamoxi
pamoxi 2 years ago

DADOGPE:
en el archivo style.ccss debes cambiar en la clase .accordionItem y en @media:screen el valor de max-height (por ejemplo 150em).
Te recomiendo cambiar tambien el valor de transition de 0.5s a 1s.

user DADOGPE
DADOGPE 2 years ago

Como eu fao para aumentar a altura do campo onde vai o texto?

user paragrastogi
paragrastogi 2 years ago

Wow...looks awesome!

user pamoxi
pamoxi 2 years ago

vvdesgnes:
in index.js add on the upper section, after "accordionToggles = d.querySelectorAll('.js-accordionTrigger ')," the next code:
accordionId = d.querySelectorAll('.accordionItem'),

Then add before "console.log("triggered");" in the "switchAccordion" function the next code:
for (var i=0,len=accordionId.length; i<len; i++) {
accordionId[i].classList.add("is-collap sed");
}

Is working.

user vvdesignes
vvdesignes 2 years ago

When i open one tab. Cant we close another tab ?

show all 10 comments