jQuery 다른 사용자와 수업을 공유하는 하나의 Div를 선택하십시오.

Question

몇 가지 다른 질문을 검색했지만 도움이되지 않아서 도움이 되었기를 바랍니다. 문제는 : 하나의 div를 클릭하면 더 많은 정보를 가진 더 큰 div가 열리는 포트폴리오 사이트를 구축하고 있습니다. 작은 div는 같은 클래스를 공유합니다. jQuery에 div에 클래스를 추가한다고 어떻게 말할 수 있습니까?

내 자바 스크립트는 다음과 같습니다

$(document).ready(function() { 
$('#moreinfo').addClass('hidden'); 
$('.portfoliotile p').addClass('hidden'); 
$('.portfoliotile h1').addClass('hidden'); 

$('.trigger').click(function(){ 
      $('#moreinfo').removeClass('hidden'); 
      $(this).parent().addClass('dark'); 
     }); 

$('#closegall').click(function(){ 
      $('#moreinfo').addClass('hidden'); 
      $('.portfoliotile').removeClass('dark'); 
     }); 
}); 

난 정말 당신이 날, THIS FIDDLE 당신은 등이에 조상의 상대를 변경하려는

Answer 1

에서 봐 주시기 도울 수 있기를 바랍니다, 은 클릭 된 요소입니다.

일반적으로대신 closest을 사용해야합니다.DOM/레이아웃 변경에보다 관대합니다.

$(this).closest('.portfoliotile').addClass('dark'); 

JSFiddle : http://jsfiddle.net/TrueBlueAussie/632Fw/164/

jQuery를 숨어과 전시를 지원하므로, 나는 그것의 방법을 사용하여 제안 (/ showhide/fadeoutfadeIn, slideDown 등/slideUp).