JavaScript - 選擇單選按鈕後刪除先前的字段集

Question

我正在嘗試修改此JSFiddle，因爲它幾乎與我正在查找的內容相同。目前所有以前的決定都顯示出來了，我不想讓以前的決定顯示出來。我一次只想要一個答案。所以一旦你點擊一個單選按鈕，我想讓這個問題消失並顯示下一個問題。我一直在玩這個代碼一段時間，但無法弄清楚，但我的知識還不夠。

我敢肯定，它在這裏的某個地方：

$('fieldset.option0').removeClass('hide'); 
    for (i = 0; i < options.length; i += 1) { 
    options_buffer += options[i]; 
    $('fieldset.option' + options_buffer).removeClass('hide'); 
    } 

我已經成功地只從第一次點擊將其刪除，但在那之後，所有的決定顯示出來。

這裏是的jsfiddle - http://jsfiddle.net/danw/h8CFe/

Answer 1

這裏是一個修改的jsfiddle與所需的行爲：http://jsfiddle.net/h8CFe/121/

我修改了update函數的最後幾行這樣：

fieldsets.addClass('hide'); 
    for (i = 0; i < options.length; i += 1) { 
     options_buffer += options[i]; 
    } 
    $('fieldset.option' + options_buffer).removeClass('hide'); 

Answer 2

看着您可以將代碼隱藏到您要隱藏的字段集中。例如，在點擊第一組單選按鈕時，您可以調用$（'。step1'）。addClass（'hide'）來隱藏該字段集。