jquery 아코디언의 이미지 확대

Question

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입니다 : 여기 내 jQuery 코드입니다. 잘만되면 누군가 나를 도울 수 있습니다.

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/