Click to highlight elements

The approach I would take would still be tedious in your scenario but I would use a drawing system (such as annotation) and draw the lines with JavaScript. After you add in all the buttons, you'll know the X/Y pixel points for each line that needs to be drawn on the image you displayed above. After a user presses a button you need only to erase any previous lines and then draw the correct lines for the button that is pressed.

Here is a documentation example of drawing a line using annotation (with some optional fields), but focus on the X/Y pixel position parameter supplied. You would have to draw each line necessary for any buttons solution which will most likely be running this function several times for a single button press. That's why I recommended using the layers option and doing all of this ahead of time.

Docs example on Annotation: https://help.adobe.com/livedocs/acrobat_sdk/11/Acrobat11_HTMLHelp/wwhelp/wwhimpl/common/html/wwhelp.htm?context=Acrobat1…

NOTE: Click the "addAnnot" link below that short example to see more information about the function.

There are several options there so just focus on what you need like color and position of each line. You can always make an array containing all your X1, Y1, X2, Y2 points to draw each line and loop over the array to draw each one using the same code, e.g.:

// create array of pixel positions for each lines start x/y and end x/y position

var lines = [

    [ 0, 0, 100, 100 ], // line 1

    [ 100, 100, 200, 200 ], line 2

    [ 200, 200, 200, 300 ], line 3...etc

];

// loop over lines array

for ( var i = 0, i < lines.length; i++ ) {

     // draw line

    this.addAnnot({

        type: "Line", // draw a line

        page: 0, // page the drawing is on

        strokeColor: color.red, // color choice

        points: [

              [ lines[0], lines[1] ], // start x/y pixel

              [ lines[2], lines[3] ]  // end x/y pixel

          ],

    });//end addAnnot

}//end for

You would want to put that in a function and during the button press you should set up the lines array to contain every line necessary. The loop will just keep running the annotations line drawing function for all the lines you specify. It's also going to be a lot of work and I'm not certain it's less work than just creating a ton of layers to enable/disable.

You also would want to remove all annotations before adding more and that's already explained in another post here:

Code to destroy annotations doesn't seem to be executed

Do note how they iterate over the annotations in reverse in their loop. Make sure you read the first few replies to understand why.