🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. CSS Plugins
  3. CSS Accordion w/:target

CSS Accordion w/:target

In this demo by Colin (http://codepen.io/cmcg/pen/DsbqG) he uses form inputs, but IMO form inputs are meant for forms not accordion widgets. In this rebound of Colin's take I use the CSS property :target instead and remove the inputs and labels previously used in Colin's demo. Surely you can spice this up further w/a bit of JS sprinkled on top.

Accordions
Demo Tutorial

See the Pen by grayghostvisuals (@grayghostvisuals) on CodePen.

This awesome script developed by grayghostvisuals. Visit their official repository for more information and follow for future updates.

You May Also Like

CSS Accordion (Multiple)

Teste CSS Accordion

CSS3 Accordion (scroll to top)

Full CSS accordion

Pure CSS accordion

Pure CSS Accordion

Popup accordion

CSS Accordion

Pure CSS Accordion example (Sitepoint.com)

Simple OnlyCSS Accordion Navigation + Animation (for PC)

HTML & CSS Accordion

Only CSS accordion

CSS Accordion

Pure CSS Accordion

Acordeon con rebote

Responsive accordion Landing Page

Pure CSS Accordion

A Pen by Justin Vaillancourt

Pure CSS - accordion

Pure CSS Accordion

Responsive Blue Accordion

Accordion Css Only

Accordion - Only CSS

CSS Accordion with static content height

Pure CSS Accordion

Pure CSS Accordion

Email inline css accordion

Pure CSS Accordion

CSS3 Accordion (No Javascript) - Horizontal

Pure CSS - Accordion Menu

CSS Accordion

CSS Accordion (w/ Gradient using @for Loop)

CSS Accordion

Secret Society of Scranton

CSS3 Accordion (No Javascript) - Vertical - Multiple Visible

css accordion slider

Pure CSS Accordion without JavaScript

Pure CSS accordion using :target

Pure CSS Accordion

Pure CSS Accordion w/bootstrapping

Pure CSS Accordion

Pure CSS accordion

CSS Accordion

CSS Accordion

CSS Accordion Animation

Full CSS accordion menu

pure css accordion

Pure CSS Accordion (Radio)

CSS Accordion / Collapsible

Process Accordion

CSS Accordion

Css Hovered Button

Pure css accordion

CSS Accordion & Tabs from the same markup

CSS accordion

CSS accordion slider

CSS Accordion

CSS Accordion w/:target

CSS Accordion using {:target} selector

CSS Only Accordion

CSS Accordion: Checkbox Hack (Fixed Height)

CSS3 Accordion (No Javascript) - Vertical - Single Visible

Pure CSS Accordion

Pure CSS Accordion (Checkbox Hack)

CSS Accordion

Pure CSS accordions

CSS Accordion

CSS Accordion: Checkbox Hack (Fluid Height)

Pure CSS Content Accordion

CSS Accordion: Checkbox Hack (Overflow:Auto)

jQuery Plugins

AngularJs Plugins