Creating a Sliding Tabbed Panel with jQuery

  • flag Lynda
  • student All Levels
  • database eLearning
  • earth English
  • clock 58m 21s


A tabbed panel interface is a classic feature to incorporate in your website design^ but they re usually static elements. This course shows how to build a dynamic sliding tabbed panel from scratch using a combination of HTML^ CSS^ and jQuery. Author Chris Converse leads you through the process from start to finish^ from building the containers to styling the text^ tab^ and panels^ and adding click events to make the tabs interactive. He also shows how to incorporate progressive enhancement techniques^ so visitors who don t have JavaScript^ for example^ can still access the content.

Covered topics:

  • Developer
  • Web
  • Web Design
  • Web Development
  • jQuery