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

Step I Copy and Past this code into: Theme Options / General Tab – “Custom CSS”

.et_pb_icon { cursor:pointer; }
.et_pb_icon:hover { color:black !important; }

Step II Copy and Paste this code into: Theme Options / Integrations Tab – “Add code to the < head > of your blog”

<script type=”text/javascript”>

jQuery(document).ready(function() {

jQuery(“#menu_option_one .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_one”).slideToggle();
});

jQuery(“#menu_option_two .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_two”).slideToggle();
});

jQuery(“#menu_option_three .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_three”).slideToggle();
});

jQuery(“#menu_option_four .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_four”).slideToggle();
});

jQuery(“#menu_option_five .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_five”).slideToggle();
});

jQuery(“#menu_option_six .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_six”).slideToggle();
});

jQuery(“#back_option_one .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_one”).slideToggle();
});
jQuery(“#back_option_two .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_two”).slideToggle();
});

jQuery(“#back_option_three .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_three”).slideToggle();
});

jQuery(“#back_option_four .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_four”).slideToggle();
});

jQuery(“#back_option_five .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_five”).slideToggle();
});

jQuery(“#back_option_six .et-pb-icon”).click(function() {
jQuery(“#menu”).slideToggle();
jQuery(“#option_six”).slideToggle();
});

});

</script>

Divi Dojo Ninja

Pin It on Pinterest