Make a dropdown visible on check box click in mvc5

Question

I have a check box. On this checkbox's click i want to make a drop down visible. the code is as follows ```

I would like to register as a school admin

@Html.DropDownList("school", new List { new SelectListItem{ Text="Please select", Value = "-1" }, new SelectListItem{ Text="School1", Value = "1" }, new SelectListItem{ Text="School2", Value = "0" } })

``` and the script for the above is as follows ```

Accepted Answer

`.schooladmin` is an ID and you're applying class selector to it, Try ID selector `#` for the same

So write

```
if($('#schooladmin').is(":checked") // add #
```

instead of

```
if ($('.schooladmin').is(":checked") // remove .
```

Everywhere

Your code should be like this:

```
$('#schooladmin').click(function () {
    if (this.checked)
        $('#school').show("fast");
    else
        $('#school').hide("fast");      
});
```

Demo

Make a dropdown visible on check box click in mvc5

Solution

Problem