Javascript 页面加载：仅显示特定信息

我有一个页面，上面有很多切换，有些是动态创建的。我想知道是否可以加载一个只显示一个特定div的页面，但是当用户单击按钮时，就会创建一个切换（完成此部分），用户无法看到只显示一个特定div的页面版本，除非他们删除页面上的所有其他内容

我不知道我是否解释得很好：

开始仅显示此内容

单击“保存”按钮仅显示此…

我的代码已经完成了其中的一部分。老实说，我甚至无法确定如何启动页面加载部分。我已经看过jQuery的页面加载功能，但不知道这是最好的还是唯一的方法

//单击隐藏文本
$（文档）.ready（函数（）{
var$p=$（'p#menu#title'）；
$（“输入#保存#第一个产品”）。单击（函数（事件）{
event.preventDefault（）；
$p.css（'display'，'none'）；
});
});
功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.display='block'| | e.style.display==''）
e、 style.display='none'；
其他的
e、 style.display='block'；
}

。隐藏{
显示：可见；
}
部门第一产品{
宽度：50%；
左边距：301px；
}
红色头{
背景色：#ed1c24；
高度：40px；
颜色：#fff；
左侧填充：15px；
线高：35px；
}
部门第一产品{
背景色：#f1f2；
身高：100%；
}
h3#菜单{
颜色：#6d6e70；
左侧填充：15px；
}
/*外部切换按钮*/
#产品{
背景色：#f8f9f9；
边框：1.5px虚线#999999；
宽度：100%；
高度：40px；
边界半径：5px；
}
隐藏分区{
宽度：50%；
左边距：301px；
}

divid=“hide\u btn”>
你好
添加第一个菜单项

菜单区
名称
描述

您是想在加载时（在

$（document.ready

函数之前）还是第一次交互时显示一些内容？你可能需要澄清你的问题。要理解您想要实现的目标并不容易您是想在加载时（在

$（文档）.ready

功能之前）还是第一次交互时显示一些内容？你可能需要澄清你的问题。要理解你想要达到的目标并不容易