切换div

  <form id="form1" runat="server">
   
    <div class="zwsearchka">
                            <div class="middleBoxx">
                                <h3 id="Tab1Title" class="TabH4">
                                <a href="javascript:void(0);" class="current" id="Tab1Tit1" οnclick="Tab1show(1)" style="margin-left: 30px;"><span>职位名</span></a>
                                 
                                  
                                    <a href="javascript:void(0);" id="Tab1Tit2" οnclick="Tab1show(2)"><span>公司名</span></a>
                                </h3>
 
                                <div class="Con" id="Tab1Con1" style="display: block;">
                                    <div class="inputxx">
                                        <asp:TextBox ID="txtKeyWordsPositionName" runat="server" CssClass="inputnoberx"></asp:TextBox></div>
                                    <asp:ImageButton ID="ImgBtnSeachKeyWordPositionName" Style="margin-top: 18px;" runat="server"
                                    ImageUrl="../Css/images/searchicon.jpg" />
                                </div> 
               
                                <div class="Con" id="Tab1Con2" style="display: none;">
                                    <div class="inputxx">
                                        <asp:TextBox ID="txtKeyWordsCompanyName" runat="server" CssClass="inputnoberx"></asp:TextBox></div>
                                    <asp:ImageButton ID="ImgBtnSeachKeyWordComName" Style="margin-top: 18px;" runat="server"
                                      ImageUrl="../Css/images/searchicon.jpg" />
                                </div>
                               
                               
                            </div>
    </div>

<div align="left">
    <div class="zwsska">
                                <h3 id="Tab4Title" class="TabH2">
                                    <a href="###" class="current" id="Tab4Tit1" οnclick="Tab4show(1)"><span>最新发布</span></a>
                                    <a href="###" id="Tab4Tit2" οnclick="Tab4show(2)"><span>热招职位</span></a></h3>
                                <div class="ConTablez" id="Tab4Con1" style="display: block;">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <asp:Repeater ID="Repeater2" runat="server" OnItemDataBound="Repeater2_ItemDataBound">
                                             <HeaderTemplate>
                                                <th width="20%" colspan="2" align="left">
                                                    职位名称
                                                </th>
                                              <%--  <th width="40%" align="left">
                                                    公司名称
                                                </th>--%>
                                                <th width="25%" align="left">
                                                    工作地点
                                                </th>
                                                <th width="15%" align="left">
                                                    发布日期
                                                </th>
                                                </tr></HeaderTemplate>
                                            <ItemTemplate>
                                                <tr id="row" runat="server">
                                                    <td>
                                                        *&nbsp;&nbsp;
                                                    </td>
                                                    <td width="20%" class="zwmcx">
                                                        <a href="PositionInfo.aspx?positionLibraryId=<%#Eval("PositionLibraryId") %>">
                                                            <%# Eval("PostionName")%></a>
                                                    </td>
                                                 <%--   <td>
                                                        <asp:LinkButton ID="lbtnCompany2" runat="server" CommandArgument='<%#Eval("PositionLibraryId") %>'
                                                            OnClick="lbtnCompany2_Click"></asp:LinkButton>
                                                    </td>--%>
                                                    <td>
                                                        <%# Eval("WorkAddress").ToString().Replace(',','-')%>
                                                    </td>
                                                    <td>
                                                        <%#Eval("NowTime", "{0:d}")%>
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </table>
                                </div>
                                <div class="ConTablez" id="Tab4Con2" style="display: none;">
                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                        <asp:Repeater ID="rp_1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
                                            <HeaderTemplate>
                                                <th width="20%" colspan="2" align="left">
                                                    职位名称
                                                </th>
                                              <%--  <th width="40%" align="left">
                                                    公司名称
                                                </th>--%>
                                                <th width="25%" align="left">
                                                    工作地点
                                                </th>
                                                <th width="15%" align="left">
                                                    发布日期
                                                </th>
                                                </tr></HeaderTemplate>
                                            <ItemTemplate>
                                                <tr id="row" runat="server">
                                                    <td>
                                                        *&nbsp;&nbsp;
                                                    </td>
                                                    <td width="20%" class="zwmcx">
                                                        <a href="PositionInfo.aspx?positionLibraryId=<%#Eval("PositionLibraryId") %>">
                                                            <%# Eval("PostionName")%></a>
                                                    </td>
                                                   <%-- <td>
                                                        <asp:LinkButton ID="lbtnCompany" runat="server" CommandArgument='<%#Eval("PositionLibraryId") %>'
                                                            OnClick="lbtnCompany_Click"></asp:LinkButton>
                                                    </td>--%>
                                                    <td>
                                                        <%# Eval("WorkAddress").ToString().Replace(',','-')%>
                                                    </td>
                                                    <td>
                                                        <%#Eval("NowTime", "{0:d}")%>
                                                    </td>
                                                </tr>
                                            </ItemTemplate>
                                        </asp:Repeater>
                                    </table>
                                </div>
                            </div>

</div>
    </form>

--js

function Tab1show(num){
  var lis = document.getElementById('Tab1Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab1Con'+(i+1)).style.display = 'none';
 }
    document.getElementById('Tab1Tit'+num).className = 'current';
 document.getElementById('Tab1Con'+num).style.display = 'block';
 }
 
 
 
 function Tab2show(num){
  var lis = document.getElementById('Tab2Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab2Con'+(i+1)).style.display = 'none';
 }
 document.getElementById('Tab2Tit'+num).className = 'current';
 document.getElementById('Tab2Con'+num).style.display = 'block';
 }
 
 
  function Tab3show(num){
  var lis = document.getElementById('Tab3Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab3Con'+(i+1)).style.display = 'none';
 }
 document.getElementById('Tab3Tit'+num).className = 'current';
 document.getElementById('Tab3Con'+num).style.display = 'block';
 }
 
 
   function Tab4show(num){
  var lis = document.getElementById('Tab4Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab4Con'+(i+1)).style.display = 'none';
 }
 document.getElementById('Tab4Tit'+num).className = 'current';
 document.getElementById('Tab4Con'+num).style.display = 'block';
 }
 function Tab5show(num){
  var lis = document.getElementById('Tab5Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab5Con'+(i+1)).style.display = 'none';
 }
 document.getElementById('Tab5Tit'+num).className = 'current';
 document.getElementById('Tab5Con'+num).style.display = 'block';
 }
 function Tab6show(num){
  var lis = document.getElementById('Tab6Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab6Con'+(i+1)).style.display = 'none';
 }
 document.getElementById('Tab6Tit'+num).className = 'current';
 document.getElementById('Tab6Con'+num).style.display = 'block';
 }
  function Tab7show(num){
  var lis = document.getElementById('Tab7Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab7Con'+(i+1)).style.display = 'none';
 }
 document.getElementById('Tab7Tit'+num).className = 'current';
 document.getElementById('Tab7Con'+num).style.display = 'block';
 }
 
 
 
 function Tab8show(num){
  var lis = document.getElementById('Tab8Title').getElementsByTagName('a');
 for(i=0;i<lis.length;i++){
  lis[i].className = '';
  document.getElementById('Tab8Con'+(i+1)).style.display = 'none';
 }
    //document.getElementById('Tab8Tit'+num).className = 'current';
 document.getElementById('Tab8Con'+num).style.display = 'block';
 }