要求在选中复选框 EN 时隐藏 div 元素

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="form-group">
    <label asp-for="profesor" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <input type="checkbox" asp-for="profesor" class="form-control" id="profesor">
        <span asp-validation-for="profesor" class="text-danger"></span>
    </div>
</div>

<div class="form-group" id="smjer">
    <label asp-for="smjer" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <select asp-for="smjer" class="form-control">
            <option>Računarstvo</option>
            <option>Menadžment turizma i sporta</option>
            <option>Održivi razvoj</option>
        </select>
            <span asp-validation-for="smjer" class="text-danger"></span>