Title disappears on toggle
-
The titles with the arrows are visible when they are collapsed. When you toggle it and expand, the title disappears. How do we expand and keep the titles visible?
-
Great timing I am working on this today. Thank you for your images, I think I understand your requirement and I think that the problem is a configuration matter rather than a software issue.
There are 2 shortcode title parameters in the plugin called ‘title’ and ‘swaptitle’. These are really not title so much as they are the text to click to expand or collapse the section. Maybe they should have been called ‘expandlabel’ and ‘collapselabel’.
Your setup has the shortcode as shown:[magic_expand title="Title 1"]Content under title #1[/magic_expand]
[magic_expand title="Title 2"]Content under title #2[/magic_expand]
[magic_expand title="Title 3"]Content under title #3[/magic_expand]
The output from this is as shown in your images.The plugin was designed for the ‘title’ to be the text to click to expand the section, maybe it should have been tagged as ‘expandlabel’ and similarly ‘swaptitle’ is to collapse the section and should maybe have been called ‘collapselabel’. Nonetheless, if you set up the system like this:
[magic_expand title="Title 1" swaptitle="Title 1 - Read Less"]Content under title #1[/magic_expand]
[magic_expand title="Title 2" swaptitle="Title 2 - Read Less"]Content under title #2[/magic_expand]
[magic_expand title="Title 3" swaptitle="Title 3 - Read Less"]Content under title #3[/magic_expand]The the output looks like this:
Is this what you wanted? Just remember that this text will show below if the ‘GENERAL SETTINGS’ parameter called Toggle Above is set to off.
If you wanted the title above the expand section and the read more or read less below, then you can set the page up as follows:
Title 1
[magic_expand title=”Read More” swaptitle=”Read Less”]<span style=”font-size: inherit;”>Content under title #1[/magic_expand]</span>
Title 2
[magic_expand title=”Read More” swaptitle=”Read Less”]<span style=”font-size: inherit;”>Content under title #2[/magic_expand]</span>
Title 3
[magic_expand title=”Read More” swaptitle=”Read Less”]<span style=”font-size: inherit;”>Content under title #3[/magic_expand]</span>With the ‘GENERAL SETTINGS’ parameter called Toggle Above is set to off. and with each title as a header tag (e.g. h4) then the output will be as follows:
If you want the software to do something different, please let me know as I am working on other improvements to this plugin at the moment.
The topic ‘Title disappears on toggle’ is closed to new replies.
