From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

See more links

See more links - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

See more links

“

- Hi, this Chris Converse, and in this episode we'll use check boxes and CSS to hide and show extra content within a webpage. So, if you'd like to follow along download the exercise files and let's begin by opening the HTML file in a text editor. So, once you have the HTML file open let's take a look at the structure before we start working in the CSS file. So down here inside of the article element the first group we have is for bees and what we've done is we've taken some of the content, the second paragraph here, and put it inside of another div with a class of more. If you open this in a browser you'll see the first paragraph showing up here and this is the content inside of that div. So it's this content that we're going to show and hide with the check box. So in the browser you can see the check box showing up here which I can click on and off. Back in the HTML we have our check box and then immediately following the check box we have a label. The check box has an ID of content…

Contents