在jquery手风琴中放大图像

Question

我想用jquery创建一个手风琴。现在我遇到了一个问题，那就是无法弄清楚如何放大单独幻灯片的图像。如果第一篇文章被点击，它就会起作用，但是当你点击下一篇文章时，第一篇文章的图像会保持放大的大小。 这里是我的jQuery代码：

$(document).ready(function() { 

     $(function() { 
     $(".news").siblings("span").click(function() { 
      $(".news").slideUp(200, function() { 

       $(this).siblings(".news").toggle(500); 

      }); 

      $(this).siblings(".news").toggle(500); 
       $('#test').addClass('article').siblings('#headline').removeClass('article'); 

     }); 
    }); 



}); 

这里是我的全部代码DEMO。希望有人能帮助我。

Answer 1

有效的HTML的主要规则之一，afaik是不是使用多个元素相同的ID。 （http://www.w3schools.com/tags/att_global_id.asp）

这且不说，它很容易通过使用正确的选择，以解决您的问题：

$('.foto').removeClass('article'); 
$(this).children('.foto').addClass('article'); 

在这里看到：http://jsfiddle.net/rb7MK/4/