Genesis Toggle Page Template

This template works on your front page however it can easily be used on any page simply by renaming the front-page.php file to something else like toggle.php and adding a page template header like this:

/*
Template Name: Your Template Name
*/

Here’s how it works:

toggle

When one section is opened, the previously opened section closes.

The difference between this method and what you’ll find linked to at the end of this post is the HTML content is hard coded into the template rather than added to the editor or text widget. A little bit more effecient as its all programmed into the template with a little bit of CSS in the style sheet.

Related Tutorials

Was This Tutorial Helpful?

Free

$0

Access only to all free tutorials per month.



Monthly

$75

Access to 10 premium tutorials per month.


Tutorial Request


Includes code guarantee and coding support.

Yearly

$500

Access to 15 premium tutorials per month.


Monthly Tutorial Request


Includes code guarantee and priority coding support.