我想简化我的jQuery Backbone.js Web应用程序中的内容。一种简化就是我的菜单和对话框小部件的行为。

以前，我是在开始时创建菜单的div框并使用来隐藏它们的display: none; opacity:0;。当我需要菜单时，我更改了样式，display:block然后使用jQuery
ui位置工具定位div框（由于display:none无法定位具有的元素），完成后，最终将其样式更改为opacity:1。

现在，我想用隐藏它们visibility:hidden，然后在需要时使用position实用工具，然后将样式更改为visibility:visible。当我开始使用这种新方法时，整个Web应用程序会话中将有大约10个div框被隐藏，但占用空间，而之前的div框被隐藏display:none。

我的新方法意味着什么？它会在任何方面影响浏览器性能吗？