求助一个JS，

按“关注排行”就显示关注排行的内容，按“最新入住” 就显示“最新入住”的内容，“关注排行”隐藏，这样的JS怎么写，谢谢了！

解决方案 »

  1.   

    没怎么看明白。。好象是tab标签页吧js tab 标签
      

  2.   

    <html>
    <head>
    <script>
    function show(n){
    var arr = document.getElementsByTagName("div");
    for(var i=0;i<arr.length;i++){
    if(arr[i].id && arr[i].id.indexOf("content")!=-1){
    arr[i].style.display = "none";
    }
    }
    var obj = document.getElementById("content"+n);
    obj.style.display = "";
    }
    </script>
    </head>
    <body>
    <div id="content1">
    关注排行
    1. 关注排行1
    2. 关注排行2
    3. 关注排行3
    4. 关注排行4
    </div><div id="content2">
    最新内容
    1. 最新内容1
    2. 最新内容2
    3. 最新内容3
    4. 最新内容4
    </div><div>
    <input type="button" value="关注排行" onclick="show(1)"/> &nbsp; <input type="button" value="最新内容" onclick="show(2)"/>
    </div>
    </body>
    </html>
      

  3.   

    好象是tab标签页..... 
      

  4.   

    用DIV，设置相应的事件隐藏显示就可以了
      

  5.   


    <div ID='DIV1' onclick='IsShow(1)'>关注排行</div>
    <div ID='content1'>
    关注排行1
    </div>
    <div ID='DIV2' onclick='IsShow(2)'>最新入住</div>
    <div ID='content2'>
    最新入住1
    </div>
    content1=document.getElementById('content1');
    content2=document.getElementById('content2');
    function IsShow(N)
    {
      if(N==1)
      {
         content1.style.display="block";
         content2.style.display="none";
      }
      else
      {
        content1.style.display="none";
         content2.style.display="block";  }
    }