jquery tab 切换DIV

HTML代码：

 

<div class="title_yellow">
  <a  class="button" id="btn1" οnclick="javascript:test('btn1','btn2');">今日新闻</a>
  <a id="btn2" οnclick="javascript:test('btn2','btn1');">新闻热榜</a>
</div>

<div class="btn1">
<ul  class="content">
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
<div>

<div style="display:none" class="btn2">
<ul  class="content" >
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
</div>

 

 

js 代码:

function test(id1,id2){
   var clz=$('#'+id1).attr('class');
   if(clz==null || $.trim(clz)==''){
     $('#'+id1).attr('class','button');
     $('#'+id2).attr('class','');
     $('.'+id1).show();
     $('.'+id2).hide();
   }
}