怎样实现点击一个列表，显示一个div，隐藏其他div？

Question

 左侧一个ul列表，右侧一个容器存放了8个div怎样实现：点击左侧列表的一个li，在右边显示对应的div，而其他div隐藏。

Answer 1

$(function(){

          $("ul li").click(function(){

                    var index = $(this).index();

                    $(".Div div").eq(index).show().siblings().hide();   //.Div指里面含有8个小div的元素的class

          });

})