jQuery를 사용하여 레코드 컬렉션을 순환 시키시겠습니까?

Question

나는 @questions에 저장된 Questions 배열을 가지고 있습니다. 나는 사용자가 질문을 반복하기 위해 다음과 뒤로 버튼을 가질 수 있기를 바란다. jQuery를 사용하여 질문 div의 내용을 변경한다.

따라서, 예를 들어, 여기 JQuery와 코드 [.js.erb] 나는 부분 질문에 사용할 것 : 나는 사용자가 순환 할 수 있도록 할 페이지를 디자인 할 방법

$(document).ready(function(){ 
    $("#question").html("<strong><%= @question.name %></strong><% insert_more_code_here %>"); 
}); 

질문? 나는 아마도 each 블록에서 뭔가를 사용하고있을 것임을 알고 있지만, 동시에 모든 질문을 보여주고 싶지는 않습니다. 감사!

Answer 1

HTML에있는 모든 질문을 출력하고 CSS를 사용하여 즉시 표시하고 싶지 않은 질문을 숨 깁니다. 그런 다음 jQuery를 사용하여 jQuery.hide() 및 .show()을 사용하거나 CSS 클래스를 토글하여 가시성을 변경하십시오.