jquery点击左侧任意一个li，右侧相应切换li的内容，怎么实现

jquery点击左侧任意一个li，右侧相应切换li的内容，怎么实现

1.监听左侧li的点击事件并获得li的值
2.获得右侧需要展示内容的容器，将获得的值设置进去

<style> .left{float: left;width: 100px;overflow: hidden;} .left li{height: 30px;line-height: 30px;text-align: center;} .right{float: left;width: 100px;height: 400px;} .right li{display: none;color: #f00;} </style> <!-- 左侧li --> <ul class="left">     <li>第1个标题</li>     <li>第2个标题</li>     <li>第3个标题</li>     <li>第4个标题</li> </ul> <!-- 右侧li内容 --> <ul class="right">     <li>1.左侧html</li>     <li>2.左侧html</li>     <li>3.左侧html</li>     <li>4.左侧html</li> </ul>//js代码 <script type="text/javascript"> $(function(){     $(".right li").eq(ind).show();     $(".left li").click(function(){         var ind = $(".left li").index(this);         $(".right li").eq(ind).show().siblings().hide();     }) }) </script>