Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
accordion

4 Articles
{
,

}
Direct link to the article Spicy Sections
accordion details/summary tabs web components

Spicy Sections

What if HTML had “tabs”? That would be cool, says I. Dave has been spending some of his time and energy, along with a group of “Tabvengers” from OpenUI, on this. A lot of research leads to a bit …

Avatar of Chris Coyier
Chris Coyier on Dec 7, 2021 (Updated on Dec 8, 2021)
Direct link to the article How to Animate the Details Element Using WAAPI
accordion details/summary waapi

How to Animate the Details Element Using WAAPI

Animating accordions in JavaScript has been one of the most asked animations on websites. Fun fact: jQuery’s slideDown() function was already available in the first version in 2006.

In this article, we will see how you can animate the native …

Avatar of Louis Hoebregts
Louis Hoebregts on Nov 5, 2020
Direct link to the article The Anatomy of a Tablist Component in Vanilla JavaScript Versus React
accessibility accordion JavaScript react tabs

The Anatomy of a Tablist Component in Vanilla JavaScript Versus React

If you follow the undercurrent of the JavaScript community, there seems to be a divide as of late. It goes back over a decade. Really, this sort of strife has always been. Perhaps it is human nature.

Whenever a popular …

Avatar of Nathan Smith
Nathan Smith on May 5, 2020 (Updated on May 7, 2020)
accordion classlist JavaScript smacss state management

Managing State in CSS with Reusable JavaScript Functions

Determining the most efficient way of managing state can be a challenging issue in CSS, but thankfully there are many OOCSS-based methodologies out there which provide some good solutions. This article is all about managing the attributes that help with state through JavaScript in efficient ways.

Avatar of Luke Harrison
Luke Harrison on Apr 28, 2017 (Updated on May 30, 2017)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top