title: hide/show datepicker with checkbox
body: <p>I have a checkbox , like this: </p>
  
  <pre><code>&lt;div&gt;
       &lt;input class="k-checkbox" id="showEindDatum" type="checkbox"&gt;
       &lt;label class="k-checkbox-label" for="showEindDatum"&gt;Deze wijziging is van tijdelijke aard&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and a datepicker,like this:</p>
  
  <pre><code> &lt;span class="k-picker-wrap k-state-default"&gt;
      &lt;input id="EindDatum" name="EindDatum" type="text" data-role="datepicker" class="k-input" role="combobox" aria-expanded="false" aria-owns="EindDatum_dateview" aria-disabled="false" style="width: 90%;"&gt;
      &lt;span unselectable="on" class="k-select" aria-label="select" role="button" aria-controls="IngangsDatum_dateview"&gt;
          &lt;span class="k-icon k-i-calendar"&gt;
          &lt;/span&gt;
      &lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>and a other one,like this:</p>
  
  <pre><code> &lt;span class="k-picker-wrap k-state-default"&gt;
      &lt;input id="IngangsDatum" name="IngangsDatum" type="text" data-role="datepicker" class="k-input" role="combobox" aria-expanded="false" aria-owns="IngangsDatum_dateview" aria-disabled="false" style="width: 90%;"&gt;
      &lt;span unselectable="on" class="k-select" aria-label="select" role="button" aria-controls="IngangsDatum_dateview"&gt;
          &lt;span class="k-icon k-i-calendar"&gt;
          &lt;/span&gt;
      &lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>So now I want to hide one of the datepickers when the checkbox is checked. I try it with Jquery like this:</p>
  
  <pre><code>$("#showEindDatum").click(function () {
          if ($(this).prop('checked') == true) {
               $("#EindDatum").show();
          } else {
               $("#EindDatum").hide();
          }
      });
  </code></pre>
  
  <p>But the datepicker will not be hidden.</p>
  
  <p>So what I have to change that the datepicker will be hidden?</p>
  
  <p>Thank you.</p>
  
  <p>and this are the models of the datepicker:</p>
  
  <pre><code>&lt;div class="col-md-6"&gt;
                                      &lt;div class="form-horizontal"&gt;
                                          @FormGroupHelper.CreateFormGroup(Html, m =&gt; m.IngangsDatum, Html.Kendo().DatePickerFor(m =&gt; m.IngangsDatum).Min("01-01-2009").Max(new DateTime(DateTime.Today.Year + 1, 12, 31)).Format("dd-MM-yyyy").ParseFormats(new string[] { "ddMMyyyy" }).Events(e =&gt; e.Change("OnIngangsDatumChanged")))
                                          @FormGroupHelper.CreateFormGroup(Html, m =&gt; m.EindDatum, Html.Kendo().DatePickerFor(m =&gt; m.EindDatum).Min(Model.EindDatum.HasValue ? Model.EindDatum.Value : DateTime.Today).Format("dd-MM-yyyy").ParseFormats(new string[] { "ddMMyyyy" }).Events(e =&gt; e.Change("OnIngangsDatumChanged")))
                                      &lt;/div&gt;
                                  &lt;/div&gt;
  </code></pre>