How to hide a div when checkbox is selected - JQuery

I have this structure and I want to hide the div class "categorydesc" when I check something from the checklist... How can I do that?

<ul id="ul_layered_id_feature_10" class="col-lg-12">

  <li id="layered_id_feature_10" class="checkbox">
    <label for="layered_id_feature_10">test</label>
  </li>
  <li id="layered_id_feature_9" class="checkbox">
    <label for="layered_id_feature_9">test</label>
  </li>

</ul>

<div class="categorydesc">
  <p>Content</p>
</div>