滑动拉开菜单疑问

在这里首先感谢，“shaoliang520xi”等各位CSDN大侠对在下的帮助。在下刚刚学过Jquery,关于下面这个滑动菜单还有一些疑问，敢请各位大侠指点。
<!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=gb2312" /><title>测试页</title>
<script type="text/javascript" language="javascript" src="../scripts/jquery-1.4.3.min.js"></script>
</head><body>
<style type="text/css">
  .divcss
  {
  width:197px;
  background-color: #ffffff;
  text-align:center;
  }
  .divcss .divtitle a
  {
    
  color:#569dc7;
  font-size:12px;
  text-align:center;
  height:25px;
  margin:0px;
  line-height:30px;
  display:inline;
    
  }疑问一：“.divxss、.divtitile、a”这是什么CSS写法？怎么“.divxss、.divtitile、a”三个写在一起了，什么意思？是这三个的样式是一样的{}中的内容，还是其它什么？
还是.divcss下的.divtitle样式和a样式？
  .divcss .divtitle
  {
  background-image:url(../images/bg.jpg);
  background-repeat:no-repeat;  
  height: 25px;
  cursor:pointer;
  }
疑问二：这里怎么又出现了“ .divcss”、“ .divtitle”与前面的“.divxss、.divtitile、a”中不重复吗？  .divcss ul, li
  {
  list-style-type:none;
  line-height:25px;
  text-align:center;
  padding:0px; margin:0px;
  }
    
  .divcss a
  {
  color: #404040;
  display:inline;
  padding-left: 3px;
  width: 80px;
  text-decoration:none;
  text-align:center;
  }
    
  .divcss a:hover
  {
  color: #404040;
  }
  .divcss .divtitle a:hover
  {   
  color:#569dc7;   
  }
  </style><script type="text/javascript" language="javascript">
  $(document).ready(function(){
  $(".divtitle").click(function(i){
疑问三：“function(i)”中的“i”是什么意思？
  var $divcss=$(this);
疑问四：“$(this);”表示的是什么对象？
  var display=$divcss.siblings("ul").css("display");
  if(display=="none"){
  $divcss.siblings("ul").css("display","");
  }else{
  $divcss.siblings("ul").css("display","none");
  }
这里是显示和不显示之间的切换对吧？
  })  })
    
</script><div style="text-align: center; padding-left: 16px;">
  <div runat="server" id="divMember" style="text-align:left; "></div>
  <br />
  <div class="divcss">
  <div class="divtitle">
  <a href="#">个人资料 </a>
  </div>
  <ul>
  <li><a href="MemberInfo.aspx">查看个人资料</a></li>
  <li><a href="UpdateMemberInfo.aspx">修改个人资料</a></li>
  <li><a href="UpdateMemberEmail.aspx">修改E-mail地址</a></li>
  <li><a href="UpdateMemberPassWord.aspx">修改密码</a></li>
  </ul>
  </div>
  <div class="divcss">
  <div class="divtitle">
  <a href="#">收藏夹管理</a>
  </div>
  <ul>
  <li><a href="MemberFavoritesList.aspx">我的收藏</a></li>
  </ul>
  </div>
  <div class="divcss">
  <div class="divtitle">
  <a href="#">意向单管理</a>
  </div>
  <ul>
  <li><a href="MemberOrderList.aspx">我的意向单</a></li>
  </ul>
  </div>
  <div class="divcss">
  <div class="divtitle">
  <a href="#">积分管理</a>
  </div>
  <ul>
  <li><a href="MemberScore.aspx">我的积分</a></li>
  </ul>
  </div>
  <div class="divcss">
  <div class="divtitle">
  <a href="#">面板操作</a>
  </div>
  <ul>
  <li>
  <asp:LinkButton ID="lkbtnExit" runat="server" OnClick="lkbtnExit_Click">退出</asp:LinkButton>
  </li>
  </ul>
  </div>
</div></body>
</html>

解决方案 »

  1.   

    1、2 是css 的东西。楼主去看css 就可以了
    .divcss .divtitle a  其实只定义了.divcss下面 .divtitle 下面a 的样式.divcss .divtitle  定义了.divcss下面 .divtitle 的样式3、匿名函数的参数，你这儿没有这个参数，可以不写4、 this 是点击的这个dom 对象 $(this) 把这个dom 对象转化成jquery 对象
      

  2.   

    1和2 是css 样式
    .divcss .divtitle a 其实只定义了.divcss下面 .divtitle 下面a 的样式
    就好比一个空格 后面接着的就是一个子节.3,初始化而已4、 this(当前)是点击的这个dom 对象 
        $(this) 把这个dom 对象转化成jquery 对象