Making text vanish by changing it's style

[Paul Suderman]

Hi there,

I've got a block of text that looks like this:



I'm wondering if there is a way in WebHelp (and maybe CHM) to make the green text disappear at the click of the mouse, then reappear with another click. What I'm trying to get to is the possibility of a cleaner read (without the green text) and then a complete read (with the green text).

The green text has its own style, if that helps.

Thanks,

Paul

[Simon Dismore]

How about using expanding inline text toggles with a expand/collapse all feature in the topic page template header?

[Paul Suderman]

Hey Simon,

That is an awesome idea! I have expanding table toggles elsewhere on the page - is there any way to expand only the inline toggles and not the table toggles?

Thanks again for the great suggestion!

Paul

[Simon Dismore]

is there any way to expand only the inline toggles and not the table toggles?

Over to Tim for that one...

[Tim Green]

I have expanding table toggles elsewhere on the page - is there any way to expand only the inline toggles and not the table toggles?

There isn't a built in function for this but here's one you can add:

Code: Select all

<script>var HMInlineTogglesAllExpanded = false;
var HMInlineToggles = $("a.inline-toggle").next("span");
var HMToggleExpandAllInline = function(value) {
	var doexpand = typeof value != "undefined" ? value : !HMInlineTogglesAllExpanded;
  if (HMInlineToggles.length != null){ 
    for (i=0; i<HMInlineToggles.length; i++){ 
      HMToggleExpand(HMInlineToggles[i], doexpand, (doexpand && hmAnimate)); 
	}
  }
  HMInlineTogglesAllExpanded = doexpand;
}</script>

Add the code above to your HTML page template (in the skin if you are using a skin) directly before the closing </body> tag at the bottom of the page. Using it is similar to the normal expand all function but you can use it both to toggle all inline toggles on and off, and to specifically open or close all toggles:

Toggle on/off: HMToggleExpandAllInline()
Open all closed inline toggles: HMToggleExpandAllInline(true)
Close all open inline toggles: HMToggleExpandAllInline(false)

[Paul Suderman]

Fantastic!!

Thanks so much!

Paul