如何一次显示一个隐藏类的元素？

Question

我想在jquery中建立一个测验，以便用户一次只能看到一个问题。我已经使用PHP填充了'divs'。我可以隐藏问题列表： $(".questions).hide();

但是，当我选择隐藏类内的任何元素的ID，它不会显示。

这里是一个虚拟的HTML：

$(document).ready(function() { 
 

 
    $(".questions").hide(); 
 
    $("#question1").show(); // this is not working. 
 

 

 
    $(".option").click(answeredQuestionBox); 
 
    $(".check-box").click(reviewQuestionBox); 
 

 
});

<div class="questions"> 
 
    <div id="question1"> 
 
    // question goes here with 'radio' input options. 
 
    </div> 
 
</div>

Answer 1

你需要隐藏子questions件div。

$(".questions > div").hide(); //$(".questions").children("div").hide() 
$("#question1").show(); 

我会建议你指定一个CSS类的问题。

<div class="questions"> 
    <div class="question" id="question1"> 
     // question goes here with 'radio' input options. 
    </div> 
</div> 

那么你可以使用

$(".questions > div.questions").not("#question1").hide();