隐藏/显示的div(jQuery的)(Hiding/Showing Divs (jQuery))

2019-10-17 05:21发布

您好我有这样的演示: http://jsfiddle.net/SO_AMK/BcFVv/

我试图在同一时间,而不是三个,只显示1股利。 我希望当按下按钮ITSS一定的div才会显示。

正如你可以看到它显示在开始所有的div。 按钮做工精细。

问:我如何隐藏的div 2和3从一开始?

Answer 1:

ID的应与数字前的首字母来命名。

“ID和名称标记必须以字母开头([A-ZA-Z])和之后可以是任何数量的字母,数字([0-9]),连字符(” - “),下划线(” _” ),冒号( “:”“。 “)和句点()” (W3C)



Answer 2:

要隐藏DIV在开始设置它的显示属性设置为无,你已经应用到的div一个mydivhide类,但没有定义的类。

你应该把它定义设置它们隐藏,像这样:

.mydivhide { display: none }​

我已经更新了你的小提琴包括http://jsfiddle.net/BcFVv/2/



Answer 3:

尝试这个:

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

的jsfiddle: http://jsfiddle.net/wqtT5/



Answer 4:

只需添加: $("#pages div:not(#1)").css("display", "none");之外的主要功能。

演示: http://jsfiddle.net/SO_AMK/BcFVv/1

PS请询问我的帮助,我的答案之一发布了一个新问题前,后等待至少十分钟。



Answer 5:

你不应该重复的HTML元素的ID,或与数值开始的ID。

我已经更新了你的JS小提琴如下:

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



Answer 6:

使用标签控件从jQuery的UI库。

这里是如何: http://jsfiddle.net/BcFVv/7/



文章来源: Hiding/Showing Divs (jQuery)