WordPress Text Toggle Plugin
There are plenty of plugins that will toggle text for you. But most of them force you to use the developers styles. This one is a toggle on steroids.
A single shortcode will get you toggling. But adding a couple of attributes lets you set the title, icon and borders. Use the plugin settings to style the border and background. There are also options to change the title format as well.
It looks like this:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna. Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna. Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna. Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna. Praesent sit amet ligula id orci venenatis auctor. Phasellus porttitor, metus non tincidunt dapibus, orci pede pretium neque, sit amet adipiscing ipsum lectus et libero. Aenean bibendum. Curabitur mattis quam id urna. Vivamus dui. Donec nonummy lacinia lorem. Cras risus arcu, sodales ac, ultrices ac, mollis quis, justo. Sed a libero. Quisque risus erat, posuere at, tristique non, lacinia quis, eros.
Event Categories:BeerPartiesRoad TripsTrainingTest
April 2020
May 2020
this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line this is a long line
Find out more...
Download the Plugin
quick-toggle-text.zip
Super awesome!!! Thanks for this 🙂
Hi. I LOVE your simple plugin that does one thing and does it all.
However, for some reason, it is clashing with the theme that we are using, Avada. Their accordion/toggle element does not work, if your plugin is activated. Unfortunately, we have to use their accordion/toggle element for some of the more complex components on our site.
Can you please help with this…??
Thanks in advance.
My heart sinks every time someone asks about Avada. It’s full of bugs and bloat and really difficult to find a fix for anything. I can take a look for you but can’t promise anything. I suspect the problem is Avada and the plugin both use the same jQuety function to manage the toggle which is why there is a conflict.
Graham.
Appreciate the response and the willingness to find a fix.
But don’t worry about it for now. I will try and find a fix around it.
No point in wasting time to fix something that may be broken again, the next time Avada rolls out a patch.
I like your plugin and will use it on my projects.
All the best.
I need to underline the title, how is that possible?
Anna,
The plugin doesn’t style the heading, you do that in your stylesheet for the heading you have chosen to use for the toggle.
Hello. Thank you so much for your plug-ins. I’m still experimenting with WordPress. May I suggest something for your text toggle?
It would be good if the toggles close automatically when you click on another one. At the moment if you click on all the toggles they all remain open and you have click on each to close. For example you click on toggle (it opens) then you click on toggle 2 and here toggle 1 should close and toggle 2 open.
Just an idea; it looks neat that way. Thanks once again.
Shortcodes are great for most but there are times when I want to add toggles inside my template files. I’m sure its posible I’m just wondering how complicated it would be. I’m currently using an ancient snippet written in js I acquired a few years ago to make sure I don’t break one of the other togglers added by WP or my themes or other plugins would be nice to just dump all the others and use yours.
Hi Doc,
It’s easy to do this, just add the line: <?php echo do_shortcode(“[theshortcode]”); ?> to your theme files