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, 7233 views

css responsive animated accordion menu

Download (4.13 KB)

Comments

You need to login to post a comment.

pamoxi 10 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 10 years ago

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

paragrastogi 10 years ago

Wow...looks awesome!

pamoxi 10 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 10 years ago

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

speceps 10 years ago

GREAT !

umangsuneja 10 years ago

Nice work!

divine3d 10 years ago

Thanks very much!

AS32-._- 10 years ago

lol

pamoxi 10 years ago

beatiful