0

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

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'});                            
});           
});

没有结果。谁能帮我？

4

0 回答 0