All files (1796) 3 Dimensional (89) ActionScript (110) Animations (194) Banner Rotators (17) Bitmap Manipulation (19) Buttons (72) Clocks and Date (31) Contact Forms (17) Fractals (30) Games (109) Image Effects (98) Intros (8) Learning (10) Logos and Banners (33) Media Players (31) Menus (213) Misc (108) Mobile Devices Content (12) News Readers (7) Particle Effects (95) Photo Galleries (139) Physics and Motion (38) Preloaders (45) Simulations (18) Templates (37) Text Effects (55) User Interface (102) Web Apps and Data (59)

CSS Responsive Animated Accordion

CSS Responsive Animated Accordion created by Chris Wright
335 downloads, 6054 views

css responsive animated accordion menu

Download (4.13 KB)

Comments

You need to login to post a comment.

pamoxi 7 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.

DADOGPE 7 years ago

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

paragrastogi 7 years ago

Wow...looks awesome!

pamoxi 7 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.

vvdesignes 7 years ago

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

show all 10 comments