html:

<ul id="titile_ul">

      <li>1111111111</li>

      <li>222222222</li>

       <li>333333333</li>

</ul>

<div id="content">

        <ul><li>1111</li><li>111</li></ul>

        <ul><li>22222</li><li>222222</li></ul>

        <ul><li>3333333</li><li>333333</li></ul>

</div>

js:

$(document).ready(function(){

     $("#title_ul li").click(function(){

           var ind = $("#title_ul li").index(this);

            $("#content ul").hide();

           $("#content ul").eq(ind).show();

      })

})