Tag

CSS Transition

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
May 24, 2024 · Frontend Development

Implementing a Smooth Collapsible Panel (Accordion) in Vue Without Third‑Party UI Libraries

This article demonstrates how to build a responsive, animated collapsible side‑menu panel in Vue by using plain HTML, CSS transitions, Vue's transition component, dynamic class bindings, and a few lines of JavaScript to control height, offering a lightweight alternative to third‑party UI libraries.

AccordionCSS TransitionJavaScript
0 likes · 8 min read
Implementing a Smooth Collapsible Panel (Accordion) in Vue Without Third‑Party UI Libraries
HelloTech
HelloTech
Oct 9, 2023 · Frontend Development

Vue Expand/Collapse Animation for FAQ Section

The article shows how to create a smooth FAQ expand‑collapse effect in Vue by storing each item’s visibility in a show flag, wrapping the answer in a transition component, and using JavaScript hooks to set explicit heights and overflow while rotating the arrow icon for visual feedback.

CSS TransitionExpand CollapseFAQ
0 likes · 10 min read
Vue Expand/Collapse Animation for FAQ Section