一个jquery 的有关问题，一直很困扰小弟我！怎么表达 你操作的这个元素的后代元素

一个jquery 的问题，一直很困扰我！如何表达 你操作的这个元素的后代元素，在线等
<script src="javascript/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
  $(document).ready(function()
  {
  $('.title').click(function() {
   
  $('.title ul').toggleClass('hidden');
  }
  )
  })
</script>


-----------------下面是HTML内容

 <ul>
  <li class="title">标题一
  <ul>
  <li>111111</li>
  <li>222222</li>
  <li>333333</li>
  <li>444444</li>
  <li>555555</li>
  </ul>

  </li>
  <li class="title">标题二
  <ul>
  <li>666666</li>
  <li>777777</li>
  <li>8888888</li>
  <li>9999999</li>
  <li>10101010101</li>
  </ul>

  </li>
   
  </ul>

很简单就是点击标题，然后下面内容隐藏

------解决方案--------------------
<script src="scripts/jquery-1.3.2.js" type="text/javascript"></script>
<script type="text/javascript">

//等待DOM元素加载完毕
$(document).ready(function () {
$(".title").click(function () {
//$(this).children("ul li").show().end().siblings().children("ul li").hide();
$(this).addClass("li").children("ul").show().end().siblings().removeClass("li").children("ul").hide();
});
});
</script>
------解决方案--------------------

JScript code

$(document).ready( function() {
    $(".title").click( function() {
        $(this).find("ul").toggleClass("hidden");
    });
});

------解决方案--------------------
楼主可以下个jquery的api  通读下，很多问题都可以通过api来找到答案