Javascript 保持显示：所有单击均为无

我有一个页面，上面有五个“form group container fluid”，我正在拆分它们，以便顶部的两个显示在一个页面上-div:nth child（-n+2）-底部的三个-div:nth child（n+3）显示在单独的页面上。当页面打开时，它们看起来很完美，但当单击一个元素时，页面会再次显示所有五个容器。工作的基本脚本：

<script type="text/javascript">
// Show only the first two containers
$("div[id$=RadAjaxPanel1] > div > div > div:nth-child(n+3)").css("display","none");
</script>

<script type="text/javascript">
// Show only the last three containers
$("div[id$=RadAjaxPanel1] > div > div > div:nth-child(-n+2)").css("display","none");
</script>

弹出式窗体的名称：

onkeypress=javascript:return WebForm_button(event, "id#save')

---

我也很乐意知道搜索的正确语言。我将继续搜索答案，但我已经没有了搜索内容的想法和知识。

尝试使用CSS而不是javascript，因为它将通过单击保持页面的风格

<style>
// Show only the last three containers
[id$='RadAjaxPanel1'] > div > div > div:nth-child(-n+2) {
display: none;
}
// Show only the first two containers
[id$='RadAjaxPanel1'] > div > div > div:nth-child(n+3) {
display: none;
}
</style>

//仅显示最后三个容器
[id$='RadAjaxPanel1']>div>div>div:n第n个子（-n+2）{
显示：无；
}
//仅显示前两个容器
[id$='RadAjaxPanel1']>div>div>div:n个孩子（n+3）{
显示：无；
}

我猜DOM结构正在发生变化，因此目标结构不再有效。解决这个问题的一种方法是向元素本身添加一个类，而不是依赖这些元素周围的DOM结构。然后以该类为目标。该页面由我无法访问的模块生成。我仍然可以向元素添加类吗？我花了几个小时试图查看DOM结构是如何变化的，但无法识别这些变化。我的第一个想法是编写第二个脚本，它涵盖了不同的结构。你能针对已经分配的

表单组容器流体
类吗？我会试试。我还想知道.find是否适用于指定的第n个孩子。我知道这是可能的！有一个解决方案…单击事件在做什么？你能发布JS吗？您有权编辑该代码吗？
document.querySelector("#ctl05_ctl05_RadGrid2_ctl00_ctl06_gbcsignUp")

onkeypress=javascript:return WebForm_button(event, "id#save')

<style>
// Show only the last three containers
[id$='RadAjaxPanel1'] > div > div > div:nth-child(-n+2) {
display: none;
}
// Show only the first two containers
[id$='RadAjaxPanel1'] > div > div > div:nth-child(n+3) {
display: none;
}
</style>