Question

Javascript高手进来下~~ 我要写一段代码，效果就是点一个标签出来一段内容，每个标签对应的内容都不同。

一个内容（DIV）对应一个标签（TAG），但是标签很多，内容也多。
这样JS代码就写成了好长的一串，每一个标签和内容对应都要写一遍。
代码都是一样的形式，只是标签和内容变了。
这样页面加载负担很重，有没有什么好的办法简化呢？
比如:#tag1对应的是.information1
$(document).ready(function( ){
$("#tag1").click(function( ){
$(".information1").slideUp( )

});
$("#tag1").click(function( ){
$(".information1").slideDown( );
});
});

然后#tag2对应的是.information2
$(document).ready(function( ){
$("#tag2").click(function( ){$(".information2").slideUp( )
}); $("#tag2").click(function( ){
$(".information2").slideDown( ); });});

这样写代码太长了，求高手指点。怎么简化啊？
JQuery

Answer 1

用循环创建多个表格，然后取动态的id，通过鼠标点击判断，然后对应就行了！你说的还不够清楚

Answer 2

html:
<spanid="tag_1">aaaa</span>
<spanid="tag_2">bbbb</span>
<spanid="tag_3">cccc</span>
<spanid="tag_4">dddd</span>
<divid="infomation1">1</div>
<divid="infomation2">2</div>
<divid="infomation3">3</div>
<divid="infomation4">4</div>

js
$(function () {
$('span').click(function () {
console.log($('#infomation' + this.id.split('_')[1]));
});
});

有了这个..你懂的...

追问

出不来额 T.T

追答

这种写法是可行的。 我测过才发给你的。
你要修改一下的。