how to display other information after hitting the button?

My intention is: first I want to display a button on the page, after hitting the button, the button will be removed and display some other information. Thus I used the following code, but it doesn't work, the button is still there and "other information" doesn't show either. Can you guys provide some suggestions where I went wrong here? Thanks in advance.

This is the code to display information:

    <cfif displayMessage eq 1>
        <cfif ifUploaded eq 0>
            <div id='message_box'>
            <cffile action="upload" filefield="PRESENTATION_FILENAME" destination="#ExpandPath("./uploads/")#" nameconflict="overwrite">
            <cfset myfile = #cffile.clientFile#>
            <cfset myurl = mid(cgi.HTTP_REFERER,1,46) & 'uploads/' & #myfile#>
            <div id="btn"><input type="button" name="kalturaBtn" value="upload to kaltura" href="javascript:void();" onclick="popupwindow('http://ift.tt/1AyqBEo','','1200', '700'); return false;"></div>
           </div>
        </cfif>
     </cfif>

    <cfif ifUploaded eq 1>
        <div id='message_box'>
        <div>#messageTitle#</div>
        <div>#messageBody#</div>
    </cfif>

and I have following code to set the "displayMessage" and "ifUploaded" to display different information after hitting the "kalturaBtn" button.

<cfif kalturaBtn eq "upload to kaltura"> 
    <cfset ifUploaded = "1">
    <cfset displayMessage = "0">
</cfif>

The reason that why I used another variable "displayMessage" here is: all those information will only be displayed after I submitting a form on this page.