Expand + Collapse Funk

October 14, 2014

Expand + Collapse Funk Plugin

Easily add expand and collapse functionality to any WordPress theme. No coding skills required! Beautifully simple UI. Save space with this plugin for …

Video Demo

Feautres

  1. Beautifully simple UI
  2. Easy to access custom tinyMCE button
  3. Easily add images and YouTube video to hidden content area
  4. Input direct links to images or YouTube videos
  5. Quick placement of expand+collapse items
  6. Use on pages and posts (or copy and paste the code to use in theme templates)
  7. Use HTML markup inside the hidden content area
  8. Mobile/Responsive Ready
  9. Use in sidebar (inside of a ‘Text’ widget)
  10. SEO friendly hidden content
  11. Great Support

If you want to include Expand+Collapse Funk you can use the following code anywhere in your Theme: (remember to swap out the Link and Hidden Content for your content)

<div class="exp-col-content-holder"><a class="expand-cnt-link" href="#">This Is The Link To Click</a> <div class="hidden-content"> <p class="hiddenContentp">This is all of your hidden content. This will be invisible at first, but after clicking on the link above this will slide in.</p> </div> </div> 

Using Expand+Collapse Funk allows for very easy placement of collapseable content and a link to reveal the content. The expand and collapse functionality is widely
used across the web to free up space on a page or to place semi-important content into posts, pages or into the sidebar. There is no limit to the length of the collapseable content. Easily include images,
YouTube/Vimeo videos or anything else you could imagine.

I originally built this plugin for the marketing department at my full time job, so a simple UI and ease of use was kept in mind throughout development.

Have an idea, question, concern or found a bug? Get In Contact With Me!

Installation

  1. Upload expand-collapse-funk.zip to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Create or edit a page or post to access the ‘Expand Collapse Funk’ tinyMCE button.
  4. Input the necessary fields, and click insert.
  5. Publish the post or page and enjoy Expand+Collapse Functionality!

Screenshots

  1. Expand+Collapse Funk creates a custom tinyMCE icon in the visual editor for very easy use.

    Expand+Collapse Funk creates a custom tinyMCE icon in the visual editor for very easy use.

  2. The Expand+Collapse Funk modal on edit/new post or page screen

    The Expand+Collapse Funk modal on edit/new post or page screen

  3. Example of very simple YouTube video integration inside collapseable content.

    Example of very simple YouTube video integration inside collapseable content.

  4. Example of generated collapsed links on a page.

    Example of generated collapsed links on a page.

  5. Example of expanded links showing hidden content.

    Example of expanded links showing hidden content.

FAQ

I need some help! What’s the best way to go about getting support?

I have moved all support over to a support forum on my website. I’ve done this to keep all of my plugin support in a centralized location so other users can easily find solutions before submitting requests. I have also decided to offer a premium level of support. Support will be answered very infrequently here in the repository.

If you have a question, found a bug or require assistance please direct yourself to the support forum , sign up and open a new thread explaining your issue in detail. I will get back to you shortly with assistance.

Do I need to know how to write code to use this plugin?

No. No coding knowledge is required. I have created this plugin with ease of use for the end user in mind. You type everything in to input fields and the code is generated for you automagically.

Is there a limit to the length or what can be included inside the hidden content?

No. You can include anything from text and images to YouTube videos. The possibilities are endless! There is also no limit to the length of the content inside of the hidden content.

Can I only use Expand+Collapse Funk in the content area of my site?

No, you can actually include the code literally anywhere on your site. You can use the generated code in widgets to display collapseable content in your sidebar, or you can copy and paste the generated code
into your Footer.php template file to display hidden content in the footer. You can literally use the code anywhere you choose. (check the Description section for sample code)

Is this plugin going to cause issues with any of my existing plugins?

Most likely not. I’ve written the plugin following WordPress plugin best practices. All of the jQuery included in the plugin is written in No Conflict mode so as to already be compatible with the jQuery version pre-loaded with WordPress.

I would like to include feature X, Can I help with development?

Of course you can! I am always looking for developers to colaborate with. All of the plugins I develop are added to my GitHub Account and seperated in to their own repositories. Send me a pull request!

Changelog

2.2

  • Prevent line break after arrow in link
  • Merge SartMatt’s changes into the plug-in

2.1

  • Removed deprecated function causing ASCII code to appear in post titles
  • This also resolves the same issues for multi-language sites

2.0

  • Updated to work with tinyMCE 4.0 and WordPress 3.9

1.0

  • Initial Release

Details

  • Version: 2.2
  • Active installations: 1,000
  • WordPress Version: 3.5
  • Tested up to: 3.9.40

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars