Javascript在单击定位点时隐藏和显示div

我似乎弄乱了一些非常简单的jQuery。我可以在第一和第二节之间，从第二到第三节之间，但是当我到了第三节，我就不能回去了。这一定是个愚蠢的错误，但我看不出来

$（'show-form-stage-1'）。单击（函数（）{
$（#form-stage-1'）.show（）；
$（'#form-stage-2'）.hide（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-2'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（#form-stage-2'）.show（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-3'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（'#form-stage-2'）.hide（）；
$（#form-stage-3'）.show（）；
});
#表单阶段2，
#中三{
显示：无；
}

第一阶段


第二阶段


第三阶段


为每个元素指定唯一的id


$（'show-form-stage-1'）。单击（函数（）{
$（#form-stage-1'）.show（）；
$（'#form-stage-2'）.hide（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-2'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（#form-stage-2'）.show（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-3'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（'#form-stage-2'）.hide（）；
$（#form-stage-3'）.show（）；
});
$（'#show-form-stage-4'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（#form-stage-2'）.show（）；
$（'#form-stage-3'）.hide（）；
});
#表单阶段2，
#中三{
显示：无；
}

第一阶段


第二阶段


第三阶段


为每个元素指定唯一的id


$（'show-form-stage-1'）。单击（函数（）{
$（#form-stage-1'）.show（）；
$（'#form-stage-2'）.hide（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-2'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（#form-stage-2'）.show（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-3'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（'#form-stage-2'）.hide（）；
$（#form-stage-3'）.show（）；
});
$（'#show-form-stage-4'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（#form-stage-2'）.show（）；
$（'#form-stage-3'）.hide（）；
});
#表单阶段2，
#中三{
显示：无；
}

第一阶段


第二阶段


第三阶段


该属性在文档中必须是唯一的。您对多个元素使用了相同的id（show-form-stage-2）。将其更改为类：


$（'show-form-stage-1'）。单击（函数（）{
$（#form-stage-1'）.show（）；
$（'#form-stage-2'）.hide（）；
$（'#form-stage-3'）.hide（）；
});
$（'.show-form-stage-2'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（#form-stage-2'）.show（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-3'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（'#form-stage-2'）.hide（）；
$（#form-stage-3'）.show（）；
});
#表单阶段2，
#中三{
显示：无；
}

第一阶段


第二阶段


第三阶段


该属性在文档中必须是唯一的。您对多个元素使用了相同的id（show-form-stage-2）。将其更改为类：


$（'show-form-stage-1'）。单击（函数（）{
$（#form-stage-1'）.show（）；
$（'#form-stage-2'）.hide（）；
$（'#form-stage-3'）.hide（）；
});
$（'.show-form-stage-2'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（#form-stage-2'）.show（）；
$（'#form-stage-3'）.hide（）；
});
$（'#show-form-stage-3'）。单击（函数（）{
$（'#form-stage-1'）.hide（）；
$（'#form-stage-2'）.hide（）；
$（#form-stage-3'）.show（）；
});
#表单阶段2，
#中三{
显示：无；
}

第一阶段


第二阶段


第三阶段


尝试将As的ID更改为类。文档中存在重复ID可能会导致问题。就是这样！非常感谢David:-）如果您想将该评论作为答案发布，那么我可以选择它作为解决方案。它会解决你的问题。@Sam别担心，因为它被标记为傻瓜，我无法添加答案。很高兴你能让它工作：）副本已经这么说了。试着把As的ID改成类。文档中存在重复ID可能会导致问题。就是这样！非常感谢David:-）如果您想将该评论作为答案发布，那么我可以选择它作为解决方案。它会解决你的问题。@Sam别担心，因为它被标记为傻瓜，我无法添加答案。很高兴你成功了：）复制件上已经这么说了。