checkbox select all toggle function
<p>I have multiple checkboxes and the first checkbox value is select all. My jQuery code is</p>

<pre><code>$(".checkboxFilter input:checkbox:first").change().toggle(function () {
        alert("inside first toggle");
        $(".checkboxFilter").find(':checkbox').prop("checked", true);
    }, function () {
        alert("inside second toggle");
        $(".checkboxFilter").find(':checkbox').prop("checked", false);
    });
</code></pre>

<p>The issue is when I render the page, by default the select all button is checked but no other options are checked. When i click the select all checkbox again it selects all and when i click the select all button once more it deselects all but the select all button still remains checked. Can anyone help me </p>
