如何用jquery显示图片，缩略图，描述

Question

我想制作创作页面。它应该工作很简单：当点击项目的标题时，同时显示一个大图像（下面的代码中的imgdefault），微缩图像（微缩图）和描述（描述）。

PHP生成的代码

<ul id="imgdefault">
  <li><img src="GdeImg0.jpg" /><img src="GdeImg1.jpg" /></li>
  <li><img src="GdeImg2.jpg" /><img src="GdeImg3.jpg" /></li>
</ul>
<ul id="miniatures">
    <li><img src="miniaturesImg0.jpg" /><img src="miniaturesImg1.jpg" /></li>
    <li><img src="miniaturesImg2.jpg" /><img src="miniaturesImg3.jpg" /></li>       
</ul>
<ul id="description">
    <li>Description Images 0</li>
    <li>Description Images 1</li>   
</ul>

在jQuery中，我的函数的开头在第一次单击后工作。在那之后...我迷路了。

$(document).ready(function(){
$("#listeProjet ul li").click(function () {
     $("#imgdefaut > li:not(li:nth-child(1)) > img").css({'visibility':'hidden'});
     $("#miniatures > li:not(li:nth-child(1))").css({'visibility':'hidden'});
     $("#description > li:not(li:nth-child(1))").css({'visibility':'hidden'});              
},function(){
     $("#imgdefaut > li:not(li:nth-child("+ $(this).index().next("li") +")) > img").css({'visibility':'visible'});
     $("#miniatures > li:not(li:nth-child("+ $(this).index().next("li") +"))").css({'visibility':'visible'});
     $("#description > li:not(li:nth-child("+ $(this).index().next("li") +"))").css({'visibility':'visible'});                            
});           
});

没有结果。任何人都可以帮助我吗？