jquery - 如何使用复选框和 .next() 在表单中显示/隐藏/切换 div

Question

我正在尝试使用 jquery 切换 div - 基本上想要隐藏表单的一部分，并且仅在用户选择特定复选框时才显示它。

现在，我在下面有这段代码，它工作得很好，但无法弄清楚要编辑它的内容和位置，以便与复选框而不是链接一起使用。另外，我不想使用 ID。

这里是示例代码:

.answer { display:none; }

$("a.question").click(function(){
 $(this).next(".answer").toggle();
}); 

<a href="#" class="question">Queston 1</a>
<div class="answer">Answer 1</div>

<a href="#" class="question">Queston 2</a>
<div class="answer">Answer 2</div>

任何帮助都将非常感激，因为这让我发疯!

Answer 1

<label>Question 1:</label><input type="checkbox" class="question"/>
<div class="answer">Answer 1</div>

$("input[type=checkbox].question").change(function(){
    $(this).next(".answer").toggle(this.checked);
});