Toggle Click and Reveal for Divi

This original code for the toggle click and reveal is from a cool tutorial by TEQME – Seen Here – and I found myself needing 4 more columns, and to see what other content I could place in the “window” that slides down, without any additional plugins.  I just wanted to share this to the Divi Nation, in case you’d like to have additional columns of tabs.  One other step I took, that isn’t in this download, is a stacked version for use on mobile.  It’s an easy extra step you can take, and the drop down looks great!

Here’s a downloadable .json for what you see below. Included in the download is the CSS and J Query script, with instruction where to copy as well.

   DOWNLOAD

Toggle Click & Reveal

Option One

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Get A Website

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Let’s Chat

M

Option Two

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

M

Option Three

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

M

Option Four

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

M

Option Five

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

M

Thank You!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

M

Become a designer ninja.

Tools and Divi layouts that help you become a designer ninja. Be the first to know!

You have Successfully Subscribed!

Pin It on Pinterest