隐藏/显示Div（jQuery）

Question

嗨，我有这个演示：http://jsfiddle.net/SO_AMK/BcFVv/

我试图一次只显示1个Div，而不是全部三个。我想要它，所以某个div只会在按下itss按钮时显示。

正如您所看到的，它在开始时显示了所有的Div。按钮工作正常。

问题：如何从一开始就隐藏Div 2和3？

Answer 1

ID应以数字前面的前导字母命名。

“ID和NAME令牌必须以字母（[A-Za-z]）开头，后面可以跟任意数量的字母，数字（[0-9]），连字符（” - “），下划线（ “_”），冒号（“：”）和句号（“。”）。“ （W3C）

Answer 2

要在开始时隐藏div，将其display属性设置为none，您已经将mydivhide类应用于div，但该类未定义。

您应该定义它以隐藏它们：

.mydivhide { display: none }​

我已将您的小提琴更新为包含http://jsfiddle.net/BcFVv/2/

Answer 3

试试这个：

$('#pages div').not('[id=1]').hide();

jsFiddle：http://jsfiddle.net/wqtT5/

Answer 4

您不应复制HTML元素ID或以数字值开头的ID。

我已经按照以下方式更新了你的JS Fiddle：

http://jsfiddle.net/benedict_w/BcFVv/3/

Answer 5

使用tabs widget库中的jquery-ui。

以下是：http://jsfiddle.net/BcFVv/7/