Javascript 提交按钮在提交时不会消失

我的网站上的表单有问题。我想当你点击提交按钮，按钮消失，用户不能点击它两次，导致表单提交两次。我试图改变功能，但我不想放弃显示的加载图标。我可以添加另一个函数并向其添加代码吗

onsubmit="showHide(); return true;"

?？所以它执行两个函数？提前谢谢

<script src="https://www.google.com/recaptcha/api.js?hl=nl" async defer>
</script>
<script 
type="text/javascript">
function showHide() {
var div = document.getElementById("hidden_div");
if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = 'none';
return false;
}
}
</script>

<style>
div.g-recaptcha {
margin: 0 auto;
width: 304px;
}
</style>

<form name="form2" method="POST" onsubmit="showHide(); return true;" action="/BESTANDEN/phps/JocanasNLsuggest.php">
Ideeën voor nieuwe films, TV-series, games of functies:<br><textarea class="input" name="comment" rows="5" cols="30" required></textarea><br><br>
<div class="g-recaptcha" data-sitekey="-----" data-theme="dark"></div>

<div id="hidden_div" style="display:none">
<div class="spinner">
  <div class="rect1"></div>
  <div class="rect2"></div>
  <div class="rect3"></div>
  <div class="rect4"></div>
  <div class="rect5"></div>
</div>
</div>
<div id="hidden_div" style="display:block">
<input type="submit" value="Voorstellen" name="submit">
</div>
</form>

---

您可以向submit按钮的div块提供新Id，并可以在同一函数中写入逻辑。不需要其他功能

 <div id="hidden_div1" style="display:block">
<input type="submit" value="Voorstellen" name="submit">
</div>

---

此处的工作地址：

id必须是唯一的。为按钮提供单独的id。此外，还需要使用“防止默认行为”，否则隐藏按钮的代码将无法执行

函数showHidee{ e、 防止违约 var div=document.getElementByIdhidden\u div\u按钮容器； 如果div.style.display==“无”{ div.style.display=； }否则{ div.style.display='none'； 返回false； } } g组-雷帕查{ 保证金：0自动； 宽度：304px； } Ideeën voor nieuwe电影、电视剧、功能游戏：

---

这可能是因为有两个块具有隐藏的分区id。请为submit button的分区块编写一个唯一的id，以避免名称冲突。如果这样做，我必须编写一个新的函数代码，对吗？所以我必须执行这个代码？所以我需要把它添加到onsubmit部分。我该怎么做？

var div1 = document.getElementById("hidden_div1");
div1.style.display='none';