Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

(UPI) Chapter 11: How to use CSS transitions, transforms, animations, and filters

Well done!

You have completed (UPI) Chapter 11: How to use CSS transitions, transforms, animations, and filters!

Sign up for Treehouse Back to Library
Instruction

Creating an Accordion with CSS Transitions

CSS transitions can also create interactive elements, like an accordion where panels expand and collapse when clicked.

HTML Structure

Each panel in the accordion has a heading (<h3>) with a clickable link and a content panel (<div>) that opens and closes.

<h1>jQuery FAQs</h1>
<div id="accordion">
    <h3><a href="#Q1">What is jQuery?</a></h3>
    <div id="Q1">Cont...