• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2665

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Support
  • Newsletter
  • Videos
  • Log in

Premium Member? - Request custom code

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.

Register for full access

Related Tutorials

  • Genesis Page Template With Accordion Style Toggle Widget Areas
  • Genesis F.A.Q Template With Accordion Style Toggle
  • jQuery Accordion
  • Show & Hide Widget Using jQuery Toggle

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems