Hide/Show layers with Javascript

Question

Hello,
I am trying to find a Javascript method for hiding/showing layers in a pdf document. I would like to be able to use an if/else statement to set the visibility of multiple layers.
Let's say I have 5 layers on a single page, all set to hidden by default. This page also has a field with 5 options relating to each of the 5 layers. Once an option is selected, an if/else will use this method to set the appropriate layer to visible.
Thank you!

Answer 1

Here is another way to satisfy your layer requirements in PDF.
1. Create a Field (type: button) for each layer. Suppose the five “layers” are called “LayerButton1”, “LayerButton2”, “LayerButton3”, “LayerButton4”, and “LayerButton5” (using Acrobat Professional or using the doc.addField API).
2. Store an image for each layer (using Acrobat Professional or using the buttonSetIcon API).
3. Position each button on the page anywhere you want (using the rect property)
4. Each option that controls the visibility of a respective “layer” may also be a button. Create a Field (type: button) for each control.  Suppose the five “control buttons” are called “ToggleLayerButton1”, “ToggleLayerButton2”, “ToggleLayerButton3”, “ToggleLayerButton4”, and “ToggleLayerButton5”.
5. Position each control button on the page anywhere you want.
6. For ToggleLayerButton1, add the following MouseUp action (using Acrobat Professional or using the Field.setAction API):
  var fld = this.getField("Button1");
  if (fld.display == display.hidden)
    fld.display = display.visible;
  else
    fld.display = display.hidden;
7. Repeat the MouseUp action for the other control buttons.
I hope this helps. - john