javascript - Using FeatherLight to show a DIV -

i using featherlight lightbox plugin show contents of div when button clicked.

here button:

<input id="mileagebutton" <cfif #get_trips.recordcount# neq 0>style="color:red; font-weight: bold;"</cfif> class="mileage" type="button" value="mileage" onclick="$('##mileage-modal-open').trigger('click');"> <a id="mileage-modal-open" href="##" data-featherlight="##mileage" ></a> 

here div:

<div id="mileage" style="display:none;"> </div> 

the problem having not want div visible until button clicked, set display attribute 'none'. stays hidden time , consequently lightbox empty.

how can have attribute changed 'block' when click button 'none' when close lightbox?

keep div visible , put inside 1 hidden. way, when featherlight opens it, show up.