Javascript 如何使按钮在单击后消失？

这是我的密码

单击“下一步”按钮后，如何使其消失，但如果按下“上一步”，它将重新出现

谢谢。

您可以使用toggle（）

说明：显示或隐藏匹配的元素。

---

如果#newpost2被隐藏，它将显示它，如果它被显示，它将隐藏它。

而不是单击

onclick

使用

addEventListener

单击事件。
我在这里编辑了你的代码

您不必像这样混合使用

js

和

jquery

document.getElementById（'four'）

和

$（“#newpost”）

---

最好决定您想要使用哪一个

您的小提琴没有包含jquery js

请检查更新的小提琴

附加事件处理程序，如下所示

$("#btnBack").click(previousVisible);
$("#btnNext").click(switchVisible);

并移动了div中的Next按钮

---

希望这就是你想要实现的。

我想这就是你想要的，对吗

var检查=0；
$（文档）.ready（函数（）{
$（“#按钮1”）。单击（函数（）{
如果（检查==0）
{
$（“#按钮1”）.hide（）；
}
});
$（“#按钮2”）。单击（函数（）{
如果（检查==0）
{
$（“#按钮1”）.show（）；
}
});
});
.btnSubmit{
背景色：#7f0000；
背景图像：-webkit线性渐变（顶部，#7f0000，#6c0404）；
背景图像：-moz线性梯度（顶部，#7f0000，#6c0404）；
背景图像：-o-线性梯度（顶部，#7f0000，#6c0404）；
背景图像：-ms线性梯度（顶部，#7f0000，#6c0404）；
背景图像：线性渐变（顶部，#7f0000，#6c0404）；
边界：0；
文本转换：大写；
颜色：白色；
字体大小：14px；
字体大小：粗体！重要；
高度：42px；
填充：0 20px；
保证金：0；
文本阴影：-1px-1px 2px 2px#000，1px 1px 2px 2px#aa4242；
边框底部：1px实心#3838；
字体系列：garamond，衬线；
文本阴影：1px-1px 0px#0909；
宽度：150px；
颜色：白色；
}

下一个
出现
按钮消失


$（“#下一步”）。单击（函数（）{
$（“#下一步”）.hide（）；
$（“#背”）.show（）；
});
$（“#返回”）。单击（函数（）{
$（“#背”）.show（）；
$（“#下一步”）.show（）；
});

你将如何单击消失的按钮？@NadirLaskar MAGIC！所以你点击下一个按钮进入下一个表单，你来到下一个表单，然后按BACK返回到上一个表单，下一个按钮将显示“我该怎么做？”我该在我的js中放在哪里？下一个按钮仍然在那里？@Harry我已经更新，请参见js部分的评论
$("#newpost2").toggle();

$("#btnBack").click(previousVisible);
$("#btnNext").click(switchVisible);