FFILES.COM UPLOAD LOGIN REGISTER CONTACT

CSS Responsive Animated Accordion

CSS Responsive Animated Accordion file preview

CSS Responsive Animated Accordion created by Chris Wright
Listing url: none
303 downloads, 3125 views

css responsive animated accordion menu


User ratings for CSS Responsive Animated Accordion.

Download (4.13 KB)

Comments

You need to LOGIN to post a comment.

user pamoxi
pamoxi 7 months 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 7 months ago

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

user paragrastogi
paragrastogi 8 months ago

Wow...looks awesome!

user pamoxi
pamoxi 8 months 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 8 months ago

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

show all 10 comments