Changing states when visited

Hi ! I have 4 boxes and I want the user to progress through them in a linear order. eg. You cannot open B until you have done A, you cannot open C unless you have done A and B... and so on. I have created states on each box to change colour when hovered over.

I also want the labels on the boxes to change from "locked" to "available" to "completed" in line with the state of the box changing 

I have tried to set it up 4 or 5 times now but I cannot get it to work. Is there an easier way?

28 Replies