Como ativar e desativar uma `div` ao clicar no `checkbox`

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    $("#chkBloqueio").click(function() {
      if ($("#chkBloqueio").attr('checked') == true) {
        $("#divBloqueio").attr('display', 'inline');
      } else {
        $("#divBloqueio").attr('display', 'none');
      }
    });

<!-- language: lang-html -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <div id="divBloqueio" runat="server" style="display:none"></div>

<!-- end snippet -->