Jquery一次淡出一个id

我是Jquery的新手,我正在开发一些在线教程.在每个教程中,我希望每个阶段在您单击下一个按钮时逐个淡入,然后当您显示最后一个阶段时,下一个按钮应该隐藏,并且当单击时,新的下一个按钮会带您到下一个按钮教程.我正在使用id在我的HTML中分配段落.由于我在每个教程中执行了大量不同步骤的教程,因此我希望根据每个教程中的步骤数轻松更改此代码.我试图对此进行编码,虽然我的代码完成了我想要的代码,但它非常混乱且很长,我认为必须有一个更短的方法.这是我的HTML:

Step one goes here
Step two goes here
Step three goes here
Next Step
Next Tutorial

谢谢编辑:我只想使用HTML和Javascript