在线急等 jquery高手请指教

function Click_(id,i){
var a1=$("#content"+id).css("display");
if(a1=="block")
{
$("#ds"+id).attr("style","background-color:#FFFFFF;border-bottom:1px dashed #CCC; overflow:hidden;");

$("#content"+id).slideUp("slow");
$("#p_img"+id).attr('src','templates/default/images/ask/plus-pic.jpg');
}
if(a1=="none")
{
$("#ds"+id).attr("style","background-color:#D6F7FF;border-bottom:1px dashed #CCC; overflow:hidden;");

$("#content"+id).slideDown("slow"); 
$("#p_img"+id).attr('src','templates/default/images/ask/minus-pic.jpg');
}
};
我用这种方法来实现展开与收缩  效果已经能实现,但是我想要在展开的时候  关闭其他的已经展开的, 也就是说只始终只展开一条   
html:
<!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>咨询{$CFG.site_info.site_name}</title>
<link href="{$eKj_css_path}/ask/index-consult.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" type="image/ico" href="images/ask/icon.gif" />
{insert_scripts files="utils.js,region_cache.js,setday.js"}
</head>
<body>
<!-- #BeginLibraryItem "/library/public/index_header.lbi" --><!-- #EndLibraryItem -->
<script language="javascript" type="text/javascript">   
function Click_(id,i){
if (i=="1")
{
var a1=$("#content"+id).css("display");
if(a1=="block")
{
$("#ds"+id).attr("style","background-color:#FFFFFF;border-bottom:1px dashed #CCC; overflow:hidden;");

$("#content"+id).slideUp("slow");
$("#p_img"+id).attr('src','templates/default/images/ask/plus-pic.jpg');
}
if(a1=="none")
{
$("#ds"+id).attr("style","background-color:#D6F7FF;border-bottom:1px dashed #CCC; overflow:hidden;");

$("#content"+id).slideDown("slow"); 
$("#p_img"+id).attr('src','templates/default/images/ask/minus-pic.jpg');
}
}
if (i=="2")
{
var a=$("#conten"+id).css("display");
if(a=="block")
{
$("#conten"+id).slideUp("slow"); 
$("#img"+id).attr('src','templates/default/images/ask/plus-pic.jpg');

}
if(a=="none")
{
$("#conten"+id).slideDown("slow"); 
$("#img"+id).attr('src','templates/default/images/ask/minus-pic.jpg');
}
}
}
function mouse(id)
{
$("#mou"+id).attr("style","background-color:#D6F7FF");
}
function mousehand(id)
{
$("#mou"+id).attr("style","background-color:#FFFFFF");
}
</script>
<!-- #BeginLibraryItem "/library/public/user_suggest.lbi" --><!-- #EndLibraryItem -->
<div class="M_content">
    <div class="left">
        <h1>按科室分类</h1>
        <!--{foreach from=$department item=value}-->
        <div class="I_medicine">
            <h2>{$value.name}</h2>
             <!--{foreach from=$value.sub_list item=val}-->
                <ul>
                <li><a href="index.php?act=ask&doc=index&id={$val.id}">{$val.name}</a></li>
            </ul>
            
            <!--{/foreach}-->
            <div style="clear:left;"></div>
        </div>
        <!--{/foreach}-->
    </div>
    <!--全部咨询-->
    <div class="right" id="arr">
        <h1 id="ff">
            <ul>
                <li class="bg"><a href="index.php?act=ask">全部</a></li>
                <li onclick="check(1)" style="display:none"><a href="#">最新咨询</a></li>
            </ul>
            <div class="absolutebox1"><!--{if $_uid eq ''}--><input name="index_login" type="button" id="index_login" onclick="javascript:login();" value="我要咨询"/><!--{else}--><a href="index.php?act=ask&doc=ask_sub">
             <input name="ask_sub2" type="button" id="ask_sub2" value="我要咨询" onclick="javascript:location.href='index.php?act=ask&doc=ask_sub';" />
            </a><!--{/if}--></div>
      </h1>
      <div class="ask_title">
          <ul style="margin-left:40px;">
              <li style="width:10%;">状态</li>
              <li style="width:30%;">标题</li>
              <li style="width:21%">回复/查看</li>
              <li style="width:22%">咨询时间</li>
              <li>咨询对象</li>
          </ul>
          <div style="clear:both;"></div>
      </div>
        <div class="R_content" id="all">
         <!--{foreach from=$list item=value}-->
        <ul style="border-bottom:1px dashed #CCC; overflow:hidden; background-color:#FFFFFF"  id="ds{$value.id}">
              <li id="menu{$value.id}" onclick="Click_({$value.id},1)" style="cursor:pointer">&nbsp;&nbsp;<img src="images/ask/plus-pic.jpg" width="13" height="13" id="p_img{$value.id}" />&nbsp;</li>
              <li style="width:10%"><!--{if $value.time le 30}--><!--{if $value.state eq 0}--><span>[待解决]</span><!--{/if}--><!--{if $value.state eq 1}-->[已解决]<!--{/if}--><!--{else}-->[已过期]<!--{/if}--></li>
              <li style="width:28%"><a href="index.php?act=ask&doc=ask_detail&id={$value.id}">{$value.ec_title}</a></li>
              <li style="width:20%">回复{$value.replys} | 查看{$value.looks} </li>
              <li style="width:20%">{$value.status} </li>
              <li style="width:15%; padding-left:10px;"><span>{$value.doctor}</span></li>
              <li style="width:95%; padding-left:20px; display:none; " id="content{$value.id}">
              <table>
                  <tr>
                  <th style="width:12%; color:#16a59b;" valign="top">{$value.realname}：</th>
                  <td style="width:83%">{$value.ec_describe}</td>
                  </tr>
              </table>
              </li>
           </ul>
           <!--{/foreach}-->
         </div>
        <div class="page">
            <p>
                {$pagebar}
            </p>
        </div>
        </div>
    <!--最新咨询-->
    <div class="right" style="display:none" id="new">
     <h1>
            <ul>
                <li  onclick="check(2)"><a href="#">全部</a></li>
                <li  class="bg"><a href="#">最新咨询</a></li>
            </ul>
            <div class="absolutebox1"><a href="index.php?act=ask&doc=ask_sub"><input name="ask_sub" type="button" id="ask_sub" value="我要咨询"/></a></div>
        </h1>
      <div class="ask_title">
          <ul style="margin-left:40px;">
              <li style="width:33%;">标题</li>
              <li style="width:20%">回复/查看</li>
              <li style="width:22%">咨询时间</li>
              <li>咨询对象</li>
          </ul>
          <div style="clear:both;"></div>
      </div>
      <div class="R_content">
             <!--{foreach from=$list item=value}-->
           <ul style="border-bottom:1px dashed #CCC; overflow:hidden;">
              <li style="width:5%; padding-left:10px;" id="men{$value.id}"  onclick="Click_({$value.id},2)" ><img id="img{$value.id}" src="images/ask/plus-pic.jpg" width="13" height="13"/>&nbsp;</li>
              <li style="width:30%;"><a href="index.php?act=ask&doc=ask_detail&id={$value.id}">{$value.ec_title}</a></li>
              <li style="width:20%">回复{$value.replys} | 查看{$value.looks}</li>
              <li style="width:20%">{$value.status}</li>
              <li style="width:20%"><span>{$value.realname}</span></li>
              <li style="width:95%; padding-left:20px; display:none" id="conten{$value.id}">
               {$value.ec_describe}
                <table>
                  <tr>
                  <th style="width:12%; color:#16a59b;" valign="top">对考生加：</th>
                  <td>&quot;父母克里夫的焦点访谈风老弟哦额疲软麻烦了监控力度父母来说十分看到过弗兰克斯港口理发师公开的老公过分了广阔的理工科的法律更快乐的快感落入低谷对面过来的开工典礼就过了多久感慨地说老公就是考虑过</td>
                  </tr>
              </table>
                 <ul>
                    <li style="width:50%">咨询对象:<!--{if $value.doctor eq ''}-->未指定<!--{else}--> {$value.doctor}<!--{/if}--></li>                    <li style="width:50%">{$value.status}</li>
                 </ul>
              </li>
           </ul>
                 <!--{/foreach}-->
        </div>
        <div class="page">
            <p>
                 {$pagebar}
            </p>
        </div>
</div>
<div style="clear:both"></div>
<!-- #BeginLibraryItem "/library/public/index_footer.lbi" --><!-- #EndLibraryItem -->
<script language="javascript">
function check(id)
{
if (id == "1")
{
document.getElementById("new").style.display="block";
document.getElementById("arr").style.display="none";



}
if (id == "2")
{
document.getElementById("new").style.display="none";
document.getElementById("arr").style.display="block";

}
}
function show(i)
{
var opena=document.getElementById("open"+i);
var count=document.getElementById("shrink"+i);
var imga=document.getElementById("img"+i);
if(opena.style.display=="none")
{

opena.style.display="block";
count.style.display="none";
}
}
function check1(i)
{
var opena=document.getElementById("open"+i);
var count=document.getElementById("shrink"+i);
var imga=document.getElementById("img"+i);
if (opena.style.display=="block")
{
opena.style.display="none";
count.style.display="block";
}
}
function check2(i)
{
var g=document.getElementById("g"+i);
var o=document.getElementById("o"+i);
o.style.display="block";
g.style.display="none";
}
function check3(i)
{
var g=document.getElementById("g"+i);
var o=document.getElementById("o"+i);
g.style.display="block";
o.style.display="none";
}
</script>
</body>
</html>
   请各位高手帮帮忙  在线急等!!!

解决方案 »

  1.   

    我是jquery菜鸟    具体点  谢谢
      

  2.   

    代码太长，没有认真看完，lz看以下这段能否解决你的需求：function Click_(id,i){
    var a1=$("#content"+id).css("display");
    if(a1=="block")
    { 
    $("#ds"+id).attr("style","background-color:#FFFFFF;border-bottom:1px dashed #CCC; overflow:hidden;");$("li").slideUp("slow");
    $("#p_img"+id).attr('src','templates/default/images/ask/plus-pic.jpg');
    }
    if(a1=="none")
    {
    $("#ds"+id).attr("style","background-color:#D6F7FF;border-bottom:1px dashed #CCC; overflow:hidden;");$("#content"+id).slideDown("slow");  
    $("#p_img"+id).attr('src','templates/default/images/ask/minus-pic.jpg');
    }
    };
      

  3.   

    代码没看，太长了。
    但看你说的，这个，在看JQ的第一或第二个示例文件时，就有实现的例子。
    $(选择器).parent().find(选择器).hide().end().show();
      

  4.   

    错了，
    $(#选择器).parent().find(.选择器).hide().end().show();