Advice for show more show less drop downs

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
RickD
Propeller Head
Posts: 38
Joined: Wed Apr 29, 2015 11:19 pm

Advice for show more show less drop downs

Post by RickD »

Hello,

I have a Flare 12 HTML 5 Top nav project that uses Drop downs a lot - to give users access to additional information on sections in a topic. For a lot of these drops down, they are simply called 'show more' and occur after the first paragraph in a given section (within a topic). Because i have called the drop down headings 'Show more', they still says 'Show more' when the drop down is expanded.

My question is, is there is a way to make the 'Show more', say 'Show less' if the drop down has been expanded.

Many thanks for any help / advise
Rick
devjoe
Sr. Propeller Head
Posts: 342
Joined: Thu Jan 23, 2014 1:43 pm

Re: Advice for show more show less drop downs

Post by devjoe »

I don't know that there is an easy way to change the text. But you can set the mc-closed-image and mc-open-image attributes of the MadCap|dropDown style to images with text similar to this to achieve that effect.
jsandora
Propeller Head
Posts: 94
Joined: Thu Jun 23, 2011 5:56 am
Location: Boston, MA

Re: Advice for show more show less drop downs

Post by jsandora »

Looks like it'll require some jQuery/JS to achieve, but doable:

http://jsfiddle.net/8u2jF
Software Documentation Specialist (but really, Tech Writer)
RickD
Propeller Head
Posts: 38
Joined: Wed Apr 29, 2015 11:19 pm

Re: Advice for show more show less drop downs

Post by RickD »

Many thanks for the ideas and solutions - and the JS example - looking forward to trying them out.

Rick
Post Reply