根据外部文件的输入隐藏多个div？

Question

我有一个特定的问题要问，我目前正在某种形式的流程图上，用户可以在其中填写预定义问题的答案，这些问题将在问题下方显示某些说明。

但是，问题NG01，NG02，NG03等基于其清单类型。例如，CL01具有NG01和NG03，但不包括NG02。 CL02仅包含NG03。因此，我正在寻找一种在选择选项（#selectcl）后隐藏某些div（.question-NG01，.question-NG02等）的方法。

我的问题是；是否可以在包含某种数组的.txt文件中将.load（）像这样：

• NG01：是，否，不适用
• NG02：是，否
• NG03：是，不适用

这将导致div的“ .show（）”，如NG01-Y和NG02-N。它必须很容易地更改，因为必须由真正不需要了解编程的人来更改。尽管仍然有可能更改与问题相关的选项（是，否，不适用）。 （例如，问题的顺序每年可能会改组，从而产生其他带有特定问题编号的选项）

重要限制；由于这将在共享点页面上使用，因此只能使用HTML，CSS，Javascript或基本的Jquery。没有PHP等。

感谢您的努力！ ：）

    <div class="NG">
    <!-- Multiple Radios (inline) -->
    <div class="form-group question-NG01">
      <label class="col-md-4 control-label" for="NG01">NG01</label>
      <div class="col-md-4"> 
        <label class="radio-inline" for="NG01-Y">
          <input name="NG01" id="NG01-Y" type="radio" value="NG01-Y">
          Yes
        </label> 
        <label class="radio-inline" for="NG01-N">
          <input name="NG01" id="NG01-N" type="radio" value="NG01-N">
          No
        </label> 
        <label class="radio-inline" for="NG01-NA">
          <input name="NG01" id="NG01-NA" type="radio" value="NG01-NA">
          N/A
        </label>
      </div>
    </div>

    <div class="NG01 box" style="display:none">Description of the selected radio button allocated to question: NG01</div>