Jquery next()获取不了

Question

<div class="sideHeader"><a href="#">管理</a>
                            <div class="side"> 
                                <ul> 
                                    <li><a href='#'> 等待提交</a></li> 
                                    <li><a href='#' title=''> 等待发布</a></li> 
                                    <li><a href='#' title=''> 正式项目</a></li> 
                                    <li><a href='#' title=''> 点此新增</a></li>
                                </ul> 
                            </div> 
                        </div>
 
上面的结构有多个
我想做个点击展开、折叠的功能
 <script language="javascript" type="text/javascript">
       $(document).ready(function(){                         
       $(".sideHeader").click(function() {                 
       $(".side").css("display", "none");//所有的折叠
       $(this).next(".side").css("display", "block"); //下一个展开     });
});
    </script>可以折叠  但无法展开 

Answer 1

$(this).next(".side").css("display", "block");
这个this是sideHeader吧
那么sideHeader和.side是平行关系么？显然不是对吧
用next肯定不行了。用children吧

Answer 2

$(this).next().find('.side').css("display", "block"); 

Answer 3

应该是"管理"的点击事件吧 ？
所有的东西都在sideHeader里面.

Answer 4

点击管理 下面的.side 实现折叠/展开

Answer 5

不行
alert($(this).next(".side").html()) 内容为null
$(this).next().find('.side')也同样是 
是next()没有获取到嘛？

Answer 6

$(document).ready(function(){  
  $(".sideHeader a:first").click(function() {  
      $(this).next().toggle();
  });
});这样

Answer 7

我Jquery 太差了 谢谢