Forced question order - regardless of which button is clicked.

So I have a 3 x 3 grid of squares (9 squares total). When a user clicks a square, regardless of which square is clicked, I want them to be shown Layer #1. When the user clicks a second square (any square on the grid), I want them to see Layer #2. And so on, all the way up to Layer 9. 

Basically, as the users click on the squares, I want to show them 9 questions in a specific order, one-by-one, regardless of which square is clicked each time. 

I'm at a loss on how to do this! It would be great if I could add a "visited" state to the squares that have been clicked (so that users have a visual cue to not click the same square twice. 

Thank you so much for any help on this!