2013-07-03 3 views
1

두 개의 그룹 ('question'및 'answer')이 있습니다.
'question'을 클릭하면 '대답'이 표시됩니다.
'question'을 다시 클릭하면 (또는 다른 'question'이 클릭 된 경우) 현재 표시된 '답변'이 숨겨지고 새 질문이 표시됩니다. 내가 알아낼 수있는
는 페이지로드 시리즈 쇼 세트 첫 번째 질문/대답을 만드는 방법입니다첫 번째 토글 div가 열려야합니다.

코드 :

jQuery(document).ready(function() { 
    jQuery(".answer").hide(); 
    jQuery(".question").click(function() { 
     jQuery(".answer").not(jQuery(this).next(".answer")).hide(); 
     jQuery(this).next(".answer").toggle(); 
    }); 
}); 

데모 : http://jsfiddle.net/pixeloco/Y724r/

답변

1

그냥 클릭을 트리거 first-child

jQuery(document).ready(function() { 

    jQuery(".answer").hide(); 
    jQuery(".question").click(function() { 
     jQuery(".answer").not(jQuery(this).next(".answer")).hide(); 
     jQuery(this).next(".answer").toggle(); 
    }); 
    jQuery('.question:first-child').trigger('click'); 
}); 

Check the fiddle

+0

아 물론 물론 ... 완벽한 감사합니다! – pixeloco

+0

도움이 된 것을 기쁘게 생각합니다. 유용하다고 판단되면 대답을 "수락 됨"으로 표시하십시오. – karthikr

관련 문제