Jquery next()获取不了

[oo00gg99]

<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>

可以折叠 但无法展开

[Mr-Jee]

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

[乌镇程序员]

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

[zell419]

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

[oo00gg99]

[Quote=引用 3 楼 zell419 的回复:]
应该是"管理"的点击事件吧 ？
所有的东西都在sideHeader里面.
[/Quote]
点击管理 下面的.side 实现折叠/展开

[oo00gg99]

[Quote=引用 2 楼 t5500 的回复:]
JScript code
$(this).next().find('.side').css("display", "block");
[/Quote]
不行
alert($(this).next(".side").html()) 内容为null
$(this).next().find('.side')也同样是
是next()没有获取到嘛？

[zell419]

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

这样

[oo00gg99]

[Quote=引用 6 楼 zell419 的回复:]
HTML code

$(document).ready(function(){
$(".sideHeader a:first").click(function() {
$(this).next().toggle();
});
});
[/Quote]

我Jquery 太差了 谢谢