Skip navigation

Style the content elements

Style the content elements: Creating Expandable Panels with jQuery
Style the content elements: Creating Expandable Panels with jQuery

In CSS, we'll set the outer container to hide content. Now, to make sure the inner panel expands, we'll add a 1-pixel padding to the top and bottom of the inner content element. Last, we'll set the default height of the content containers to 0, and we'll do this in the JavaScript file, when we inject the elements. This progressive enhancement technique will allow the HTML to be visible if the JavaScript doesn't load correctly, for some reason. Preview in a browser.

Resume Transcript Auto-Scroll
Skill Level Intermediate
46m 41s
Duration
17,352
Views
Show More Show Less
Skills covered in this course
Web Web Development jQuery

Continue Assessment

You started this assessment previously and didn't complete it. You can pick up where you left off, or start over.

Start Your Free Trial Now

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now