<tr>
<td>
<h1 class='type'><a href='javascript:void(0)'>用户管理</a></h1>
<img src='images/menu_topline.gif' width='182' height='5' />
<ul class='MM'>
 <li>
  <a href="Vipcustomer_ms" target="manFrame">会员的管理</a>
  </li>
  <li>
<a href="User_ms" target="manFrame">酒店员工的管理</a>
  </li>
</ul>
</td>
</tr>点击用户管理 显示或者隐藏 下面的a标签

解决方案 »

  1.   

    <script type="text/javascript">
    $(function(){
        $("#myTable tr td").each(function(){
            var _ul = $(this).find("ul");
            $(this).find("h1 a").click(function(){
                _ul.toggle();
            })
        })
    })
    </script>
    <table id="myTable">
        <tr>
            <td>
                <h1 class='type'><a href='javascript:void(0)'>用户管理</a></h1>
                <img src='images/menu_topline.gif' width='182' height='5' />
                <ul class='MM'>
                    <li><a href="Vipcustomer_ms" target="manFrame">会员的管理</a></li>
                    <li><a href="User_ms" target="manFrame">酒店员工的管理</a></li>
                </ul>
            </td>        <td>
                <h1 class='type'><a href='javascript:void(0)'>用户管理2</a></h1>
                <img src='images/menu_topline.gif' width='182' height='5' />
                <ul class='MM'>
                    <li><a href="Vipcustomer_ms" target="manFrame">会员的管理2</a></li>
                    <li><a href="User_ms" target="manFrame">酒店员工的管理2</a></li>
                </ul>
            </td>
        </tr>
    </table>
      

  2.   

    或者js改为下面的也可以
    $(function(){
        $("#myTable tr td h1 a").click(function(){
            $(this).parent().parent().find("ul").toggle();
        })
    })