Javascript 如何在触发点击事件之前显示div

我有以下几个部门

<div id="dashboard_welcome">Welcome to the Admin Dashboard</div>

我希望在触发任何类型的点击事件之前出现，然后在做出选择后，该div消失

我创建了一个帮助展示我正在做什么的

正如您所看到的，用户请求div首先出现，而欢迎使用管理仪表板..根本就没有出现

如何使dashboard\u welcome div在单击事件按钮之前显示？

将对管理仪表板的欢迎保持在按钮上方

我认为这是本节的标题，应该放在小组面前，与小组的任何行动无关

更新后的

欢迎您访问网站上方的管理仪表板

我认为这是本节的标题，应该放在小组面前，与小组的任何行动无关

---

更新的

如果在单击其他div之前不想显示它们，则不要先运行。触发器。单击第一个div并隐藏最初可单击的元素：

$('.panel_out input').on('click', function () {
    var id_to_show = '#' + this.id.replace('_button', '');
    $(id_to_show).show().siblings().hide();
}); // remove .first().trigger('click');

$('#dashboard_welcome').siblings().hide();

---

如果在单击其他div之前不想显示其他div，则不要运行first.trigger。单击第一个div并隐藏可单击的元素：

$('.panel_out input').on('click', function () {
    var id_to_show = '#' + this.id.replace('_button', '');
    $(id_to_show).show().siblings().hide();
}); // remove .first().trigger('click');

$('#dashboard_welcome').siblings().hide();

---

这显示了div，但用户请求div仍然自动显示。这显示了div，但用户请求div仍然自动显示。由于某种原因，更新弄乱了面板按钮上的箭头破折号。我在面板$input.arrowBtn中有一个箭头的代码//单击函数{$this.sides'.arrow left'.remove；$.insertAfter$this；}；。。。它现在只在第一次输入时显示，但显示的值高于它应该显示的值。“知道为什么吗？”保罗说，真奇怪。我根本看不到箭头按钮，即使是在你原来的小提琴上。如果箭头按钮仍然有问题，请打开一个新问题。由于某种原因，更新会弄乱我从面板按钮上看到的箭头破折号。我在面板$input.arrowBtn中有一个箭头的代码//单击函数{$this.sides'.arrow left'.remove；$.insertAfter$this；}；。。。它现在只在第一次输入时显示，但显示的值高于它应该显示的值。“知道为什么吗？”保罗说，真奇怪。我根本看不到箭头按钮，即使是在你原来的小提琴上。如果箭头按钮仍有问题，请打开一个新问题。