title: Showing a Div section to Show/Hide within a Modal
body: <p>I am working on a <code>Bootstrap Modal</code> and I do wish to show and hide a div section available within the modal on Checkbox checked event. </p>
  
  <p>Even though I have matched my checkbox checked logic correctly. It doesn't reflect the same with the implementation. Any method that I can get this thing fixed. </p>
  
  <pre><code>&lt;div class="modal-body"&gt;
    &lt;div class="form-check"&gt;
      &lt;input class="form-check-input" type="checkbox" value="" id="ddd" /&gt;
      &lt;label class="form-check-label" for="ddd"&gt;
        DDD
      &lt;/label&gt;
    &lt;/div&gt;
  
    &lt;script&gt;
      $("#ddd").change(function () {
        if (this.checked) {
          $("aaa").toggle();
        }
      })
    &lt;/script&gt;
  
    &lt;!--Begin the Show/Hide Section--&gt;
    &lt;div id="aaa"&gt;
      &lt;form&gt;
        &lt;div class="form-group"&gt;
          &lt;label for="ccc"&gt;ccc&lt;/label&gt;
          &lt;input type="text" class="form-control" id="question" disabled /&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>