Keystone.js: toggle and display content elements in admin UI

Post.js

const Post = new keystone.List('Post', { . . . });

Post.add({
    category: {
        type: Types.Select,
        options: ['Post', 'Event', 'Newsletter', 'Resource', 'Job'],
        default: 'Post',
        emptyOption: true,
    },
    
    // if category is Job, show another CMS element (in this case, a dropdown)
    jobCategory: {
        dependsOn: {
            category: 'Job',
        },
        type: Types.Select,
        options: ['Vacancies', 'Professional development', 'Volunteers'],
    },

    // toggle for showing a CMS element
    includeClosingImages: Boolean,

    closingImages: {
        type: Types.CloudinaryImages,
        dependsOn: {
            includeClosingImages: true,
        },
        note: 'Up to 3 images may be set',
    },

    // another toggle example
    includeButton: Boolean,

    fileLocation: {
        type: String,
        dependsOn: {
            includeButton: true,
        },
    },

    buttonLabel: {
        type: String,
        default: 'Download',
        dependsOn: {
            includeButton: true,
        },
    },
});