How to lock content until user does a task?
I am currently developing a “course” platform, and I want to prevent the user from advancing to the next topic until they click the last item on the current topic.
I am thinking of doing an arrow, that is darkened and unclickable (by removing the tag or something like that) and when the user clicks on the last item, it recovers its color and the user can advance to the next topic.
Do you guys know how can I do this?
Source: CSS – Stack OverflowNovember 30, 2021