日期:2014-05-16  浏览次数:20454 次

帮忙写个显示隐藏的jquery代码 急~
以下是HTML代码  帮忙写一个隐藏显示的效果 谢谢了  要求 不要修改HTML代码 
点击展开的时候展开隐藏 同级下有各默认隐藏的 收起 显示 

然后 同级下面tr 要求 第一个不隐藏  其余的 跟着点击按钮来控制 隐藏显示~  谢谢~   急



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

})
</script>
<style type="text/css">
.D_jinjia{ font-size:14px; border:1px solid #e5e5e5; border-right:none; max-width:778px; _width:778px; color:#333;}
.D_jinjia2{ max-width:565px; color:#333}
.D_jinjia3{color:#555555}
.Z_jinjiatop{ font-size:16px; height:39px; line-height:39px; border-bottom:1px solid #e5e5e5; padding:0px 20px; color:#0e69b5; max-width:812px; width:100%; border-right:1px solid #e5e5e5;}
.Z_shenhe_h2 font,.Z_jinjiatop span{ font-size:12px; color:#888}
.D_jinjia td{   border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0px 20px; line-height:30px;}
.D_jinjia2 td{ padding:0px 7px;}
.D_hui{ color:#888}
.DKkehu_list .noWbor .D_hui{ color:#888}
.Z_siying{ height:34px; line-height:34px; font-size:12px; color:#555}
.Z_wenjian{ background:url(../images/ioc.gif) no-repeat 0px -174px; height:26px; width:62px; border:0px;}
.Z_xuanze{ background:url(../images/ioc.gif) no-repeat 0px -302px; float:left; margin-left:10px;}
.Z_shangchuan{ background:url(../images/ioc.gif) no-repeat 0px -337px; width:65px;float:left; margin-left:10px;}

</style>
</head>

<body>
<table width="100%" border="1" class="D_jinjia H_sg">
  <tbody>
  <tr>
    <td colspan="4" class="Z_jinjiatop H_shenzhan">贷款信息
    <h2 class="Z_fujian_top" id="J_shenzhan">
        <span class="Z_zk" style="display:block"><a>展开<i></i></a></span>
        <span class="Z_gb" style="display:none"><a>收起<i></i></a></span>
    </h2>
    </td>
  </tr>
  <tr>
    <td class="D_hui">贷款类型</td>
    <td>精英贷</td>
    <td class="D_hui">申请期限</td>
    <td>24期</td>
  </tr>
  <tr>
    <td class="D_hui" title="贷款费率(%)">贷款费率</td>
    <td>1.78%</td>
    <td class="D_hui">贷款用途</td>
    <td>教育支出</td>
  </tr>