How can i make this jquery datatable collection to go away when i click the dom

how do i make this datatable collection button hide when i click the dom? var table = $( "#table1" ).DataTable( { destroy: true, processing: false, deferRender: true, responsive: true, serverSide: true, columnDefs: [ { 'bSortable': false, 'aTargets': [ 0 ] } ], sort: true, searching: true, //select: "multi", lengthMenu: [ 10, 20, 50, 100 ], //dom: 'Bfrtip', buttons: [ { text: "Create Campaign", action: function ( e, dt, node, config ) { window.location.href = ''; } }, { extend: 'collection', text: 'Export', autoClose:true, buttons: [ 'copy', 'excel', 'csv', 'pdf', 'print' ]

        }, 'selectAll', 'selectNone' ],