javascript - How to show/hide HTML elements with checkboxes

$('.shipping_address_details').hide();
$('#checkedforShippingAddress').change(function(){
    if($(this).prop('checked')){
        $('.shipping_address_details').hide();
    }else{
        $('.shipping_address_details').show();
    }
});

   

                      
                      Ship to the same address
                    
                    

                      
                      
Shipping Address
                      

                        First Name *
                        
                      
                      

                        Last Name *
                        
                      
                      

                      

                        Email Address *
                        
                      
                      

                        Postal Code *
                        
                      
                      

                        State *
                        
                      
                      

                        City *
                        
                      
                      

                      

                        Address *