Lynda.com is now LinkedIn Learning!

To access Lynda.com courses again, please join LinkedIn Learning

All the same Lynda.com content you know and love

Plus, personalized course recommendations tailored just for you

Get LinkedIn Premium features to contact recruiters or stand out for jobs

Try LinkedIn Learning for free
Questions? Visit our help center.
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
30,554
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 My Free Month

Start your free month on LinkedIn Learning, which now features 100% of Lynda.com courses. Develop in-demand skills with access to thousands of expert-led courses on business, tech and creative topics.

Start My Free Month

You are now leaving Lynda.com and will be automatically redirected to LinkedIn Learning to start your free trial.