Question

16

jQuery hide div when checkbox checked, show on unchecked

rated 0 times [ 17] [ 1] / answers: 1 / hits: 97363 / 12 Years ago, thu, february 7, 2013, 12:00:00

I am trying to hide div when user clicks on checkbox, and show it when user unchecks that checkbox.
HTML:

<div id=autoUpdate class=autoUpdate>

   content

</div>

jQuery:

<script>

$('#checkbox1').change(function(){

        if (this.checked) {

            $('#autoUpdate').fadeIn('slow');

        }

        else {

            $('#autoUpdate').fadeOut('slow');

        }                   

    });

</script>

I am having a hard time to get this working.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

devlin

Add To Favorites

Follow

Total Points: 474

Total Questions: 113

Total Answers: 100

Location: Sweden

Member since Fri, Apr 16, 2021

3 Years ago

devlin questions

1 How to watch public directory in Vite project for hot-reload?

Tue, Oct 19, 21, 00:00, 3 Years ago

1 how detect an element move (changing position) in document?

Tue, Apr 27, 21, 00:00, 3 Years ago

1 Difference between router.pathname and router.route in nextjs

Sat, Dec 19, 20, 00:00, 3 Years ago

1 Postman: custom signing request with SHA256 and RSA

Sat, Oct 31, 20, 00:00, 4 Years ago

1 disable fullscreen mode on html video on mobile devices

Fri, Aug 28, 20, 00:00, 4 Years ago

View All

answered 12 Years ago emanir · Accepted Answer

Make sure to use the ready event.

Code:

$(document).ready(function(){

    $('#checkbox1').change(function(){

        if(this.checked)

            $('#autoUpdate').fadeIn('slow');

        else

            $('#autoUpdate').fadeOut('slow');



    });

});