Navigate using the tabs and then try out going backward and forward using the browser's history arrows.

Click here to switch to tab using the API

TabbedContent is a lightweight tabs plugin that uses the HTML5 history API to add your tab navigation to your browser's history.

It is compatible with both jQuery and Zepto.js libraries.

It also has an API that will let you switch between tabs externally.

Check it out at https://github.com/elboletaire/tabbedcontent.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi ea similique nulla iure eum illo quis nisi velit incidunt veritatis beatae dolorem labore laboriosam optio odio mollitia adipisci fuga culpa.

Vel perspiciatis voluptatum libero iure natus dicta illum accusamus nobis quas quidem voluptatem magnam. Et amet rem tempore laborum provident sequi nostrum! Nobis tenetur tempore delectus sunt at atque temporibus.

Tempora voluptas odit illo aliquam dicta commodi repellat modi laborum quis repellendus cupiditate ex ratione fuga expedita rerum ipsum amet optio iste accusamus officia! Recusandae expedita repellat voluptates ullam quis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sit tempora animi ad facere ea inventore repellat cupiditate dicta ducimus veniam sint mollitia facilis odit doloremque eos consectetur magni temporibus!

Cum temporibus enim debitis sapiente optio illo culpa ratione similique magnam eligendi assumenda asperiores molestias vel! Laudantium nostrum incidunt excepturi. Nisi quisquam tempora laudantium accusamus expedita provident sapiente consequuntur magnam?

Quisquam totam iste eius reprehenderit earum perferendis minus sit est omnis tempore modi delectus ut beatae rerum ad. Alias laborum quas unde quia et illum reiciendis nihil ab voluptate dolorem.

Beatae incidunt cumque tempore sapiente porro nulla natus perferendis repellendus dolorem at quisquam sequi officia! Quae ipsum eius rerum deserunt aspernatur molestiae quos incidunt dolor illo ea laudantium ipsam tempora?

Saepe facere debitis nam molestiae distinctio temporibus libero autem dignissimos qui repudiandae consequuntur ducimus atque. Sunt ea sit magni voluptatum a ab debitis molestiae dolor saepe quae fugit voluptas quis?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero odit dolore impedit dolor reprehenderit dignissimos magni praesentium temporibus voluptatum nisi. In possimus commodi similique modi expedita est. Recusandae voluptate dolor?

Voluptatum in sapiente aut quis nihil fugit quia consequuntur quo doloremque aspernatur! Eius error sequi rerum est earum repellat nemo debitis molestias molestiae fugit dolor suscipit atque. Sequi ad quod.

Optio consectetur quam numquam architecto a hic suscipit! Vel officia dolore atque minima facilis explicabo quia ullam magnam quis inventore dolor nulla soluta reprehenderit repellendus quibusdam nisi id iusto quam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores maxime aperiam natus minima dolor expedita voluptas magnam! Molestiae similique aliquam atque quas error soluta eligendi quaerat eveniet quibusdam minus! Eos.

Nobis molestiae odio facere magnam harum vitae est? Necessitatibus illum distinctio amet earum sequi ducimus perspiciatis neque velit culpa rerum aspernatur ipsam ab molestiae expedita quo doloribus atque eos cupiditate.

You can create as many tabs as you want, just define different ids for your tabs :)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi ea similique nulla iure eum illo quis nisi velit incidunt veritatis beatae dolorem labore laboriosam optio odio mollitia adipisci fuga culpa.

Vel perspiciatis voluptatum libero iure natus dicta illum accusamus nobis quas quidem voluptatem magnam. Et amet rem tempore laborum provident sequi nostrum! Nobis tenetur tempore delectus sunt at atque temporibus.

Tempora voluptas odit illo aliquam dicta commodi repellat modi laborum quis repellendus cupiditate ex ratione fuga expedita rerum ipsum amet optio iste accusamus officia! Recusandae expedita repellat voluptates ullam quis.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sit tempora animi ad facere ea inventore repellat cupiditate dicta ducimus veniam sint mollitia facilis odit doloremque eos consectetur magni temporibus!

Cum temporibus enim debitis sapiente optio illo culpa ratione similique magnam eligendi assumenda asperiores molestias vel! Laudantium nostrum incidunt excepturi. Nisi quisquam tempora laudantium accusamus expedita provident sapiente consequuntur magnam?

Quisquam totam iste eius reprehenderit earum perferendis minus sit est omnis tempore modi delectus ut beatae rerum ad. Alias laborum quas unde quia et illum reiciendis nihil ab voluptate dolorem.

Beatae incidunt cumque tempore sapiente porro nulla natus perferendis repellendus dolorem at quisquam sequi officia! Quae ipsum eius rerum deserunt aspernatur molestiae quos incidunt dolor illo ea laudantium ipsam tempora?

Saepe facere debitis nam molestiae distinctio temporibus libero autem dignissimos qui repudiandae consequuntur ducimus atque. Sunt ea sit magni voluptatum a ab debitis molestiae dolor saepe quae fugit voluptas quis?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero odit dolore impedit dolor reprehenderit dignissimos magni praesentium temporibus voluptatum nisi. In possimus commodi similique modi expedita est. Recusandae voluptate dolor?

Voluptatum in sapiente aut quis nihil fugit quia consequuntur quo doloremque aspernatur! Eius error sequi rerum est earum repellat nemo debitis molestias molestiae fugit dolor suscipit atque. Sequi ad quod.

Optio consectetur quam numquam architecto a hic suscipit! Vel officia dolore atque minima facilis explicabo quia ullam magnam quis inventore dolor nulla soluta reprehenderit repellendus quibusdam nisi id iusto quam.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor sit tempora animi ad facere ea inventore repellat cupiditate dicta ducimus veniam sint mollitia facilis odit doloremque eos consectetur magni temporibus!

Cum temporibus enim debitis sapiente optio illo culpa ratione similique magnam eligendi assumenda asperiores molestias vel! Laudantium nostrum incidunt excepturi. Nisi quisquam tempora laudantium accusamus expedita provident sapiente consequuntur magnam?

Quisquam totam iste eius reprehenderit earum perferendis minus sit est omnis tempore modi delectus ut beatae rerum ad. Alias laborum quas unde quia et illum reiciendis nihil ab voluptate dolorem.

Beatae incidunt cumque tempore sapiente porro nulla natus perferendis repellendus dolorem at quisquam sequi officia! Quae ipsum eius rerum deserunt aspernatur molestiae quos incidunt dolor illo ea laudantium ipsam tempora?

Saepe facere debitis nam molestiae distinctio temporibus libero autem dignissimos qui repudiandae consequuntur ducimus atque. Sunt ea sit magni voluptatum a ab debitis molestiae dolor saepe quae fugit voluptas quis?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores maxime aperiam natus minima dolor expedita voluptas magnam! Molestiae similique aliquam atque quas error soluta eligendi quaerat eveniet quibusdam minus! Eos.

Nobis molestiae odio facere magnam harum vitae est? Necessitatibus illum distinctio amet earum sequi ducimus perspiciatis neque velit culpa rerum aspernatur ipsam ab molestiae expedita quo doloribus atque eos cupiditate.