我应该使用onclick来隐藏/显示我网站上的不同部分吗？

Question

问题陈述：

成像每个列表项应显示新部分，并隐藏之前显示的部分。例如。我点击了Home“，这将导致当前显示的Portfolio现在将被visibility:none;所占据，而现在请求的部分Home将会被visibility:visible;所占据}}

为什么我要问：

我是javascript的新手，因此工具带非常有限。出于这个原因，我要求你全神贯注地寻求帮助。

• 什么是实现我的问题陈述的最佳方式？

我的（想法）方法： （您无需阅读此内容）
我正在考虑为每个会触发javascript函数的导航项创建onclick。 javascript函数会隐藏所有部分，并且根据点击的onclick显示调用onclick中的一个部分。这是一个好方法吗？缺点是我明确为每个调用的所有部分设置visibility: none;。我认为这可能有点贵，或者至少不是最佳解决方案。

我不认为图片上网站的html和css是必要的。但如果是的话，请写一条评论说我还是应该展示它。