jquery 控制多个div显示

Question

代码<div id="xinwen" style="display:hidden">>新闻</div>
<div id="tiyu" style="display:hidden">体育</div>
<div id="yule" style="display:hidden">娱乐</div>
<div id="caijing" style="display:hidden">财经</div>
如何通过js显示我显示的层（同时显示多个）
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白

document.getElementById("yule,xinwen,caijing").style.visibility="visible";这样行不
或者是这样
function{
$(.yule,.xinwen,.caijing).hidden
}
不希望太长的代码，有没有一行能控制多个id的div层的显示
希望大虾们帮帮忙 谢谢

Answer 1

$("").hide();隐藏 不占用空间
$("").show().显示
如果你想要控制多个id直接用都好隔开就好了 或者用属性 class都可以
$("#tiyu,#yule,#caijing").show()

Answer 2

你是想点击一个按钮或者一个事件，将所有的div显示吗，如果是，代码：
$("div").each(function () {
if ($(this).css("display") == "none") {
$(this).css("display", "block");
}
});

追问

我的意思是是否可以一次同时获取多个id或class来控制多个div显示
例如这种形式$(xinwen,caijing,yule).show
我想让谁显示就直接在括号了加上他的id或class属性就行了 有没有这种 谢谢
愿意用三个月QQ会员换

追答

可以啊，例如：$("#xinwen,#caijing").css("display","block"); 类的话就用“.”，id用“#”