Question

在我的页面上，我目前正在执行以下操作：http://jsfiddle.net/FBCSt/6/我真的不知道为什么，但在Chrome中我遇到了一些奇怪的问题 - 有时div元素的内容未正确加载。在IE，Safari和Firefox中它可以正常工作，但正如我所说，在Chrome中它会造成一些麻烦。

这就是为什么我想知道，如果有更简洁的方法来做到这一点？（有三个按钮，每个按钮分配给一个div。只能看到一个div）

我很感谢每一个答案=）

编辑：谢谢大家。这是解决方案。它效果很好=）

“更好的方式：jsfiddle.net/FBCSt/13 - @Mohammed ElSayed 20分钟前”

Answer 1

Answer 2

在IE，Safari和Firefox中它运行良好，但正如我所说，在Chrome中它是造成一些麻烦。

在 Google Chrome 19.0.1084 下进行测试时，我确实没有发现问题。但无论如何，

这就是为什么我想知道，如果有更简洁的方法可以做到这一点？

是的，有。由于您的某个代码是 jQuery ，我建议您查看 jQuery UI 的tabs。

Answer 3

为什么不使用show（）而不是toggle（）？也许这个问题与使用toggle（）有关。您可以组合要隐藏的元素：例如，

$('#page2,#page3').hide();    
$('#page1').show();

或者穆罕默德很好地说，

$('#page1').show().siblings().hide();

Answer 4

我在这个网址上有工作解决方案：pastebin它可以在Chrome中运行，也可以在FF中运行。即使你在页面＃100中添加了1000个id，它也能正常工作，但它仍然没有太多的代码。谢谢。

Answer 5

喜欢Abody97说：试试JQuery UI标签

如果您正在寻找一种“更光滑”的方式，请尝试这个小提琴：http://jsfiddle.net/NCbW6/

它不会为每个元素的特定ID而烦恼，因此您可以在不更改JS的情况下添加任意数量的内容。