I set up a toggler to display "Read More..." which toggles additional text to display. However, when the additional text appears, the "Read More" text still appears. Does anyone know of a way to change toggler text to something else like "See Less..."?
The following image shows what I'm talking about.
Even when the text is expanded, "Read More..." still appears.
Any help would be appreciated. Thank you.
Change Toggler Text
-
- Propeller Head
- Posts: 91
- Joined: Wed Jul 01, 2015 3:52 pm
Change Toggler Text
You do not have the required permissions to view the files attached to this post.
-
- Sr. Propeller Head
- Posts: 217
- Joined: Wed Jun 23, 2010 10:13 am
- Location: Nova Scotia
Re: Change Toggler Text
Your question has been asked before...
viewtopic.php?f=9&t=28903&p=126516
In addition to the answer there, you might try replacing the arrow images for the open and closed states with ones that have the text you want.
viewtopic.php?f=9&t=28903&p=126516
In addition to the answer there, you might try replacing the arrow images for the open and closed states with ones that have the text you want.
Re: Change Toggler Text
Replacing the text will need some code, but you could add text to the link using just CSS.
Code: Select all
div.MCDropDown_Closed > span > a.MCDropDownHotSpot::after
{
content: " (read more)";
}
div.MCDropDown_Open > span > a.MCDropDownHotSpot::after
{
content: " (see less)";
}
-
- Propeller Head
- Posts: 91
- Joined: Wed Jul 01, 2015 3:52 pm
Re: Change Toggler Text
@ Bedford Writer. That's exactly what I need but I'm just coming up to speed on code. I see the code, but are there any instructions on how to set it up?