Change innerHTML of <p> multiple times with only 1 button
<p>Hi I'm trying to make a step by step instruction and I want the effect to be like when the user clicks on the button which will have the word STEP 1 inside the button the text inside a p element will change to the details on step 1. After that the same button will have the words inside the button changed into STEP 2 and when clicked will change the same p elements contents to step 2 instructions is this possible with javascrpt, jQuery or php?? </p>