How to hide/show elements on a button click?

Question

How can i prevent onclick button from multiple click until it's confirmation from javascript if(confirm ) condition.

Note:-Solutions could be easy but not able to track because i am naive in UI development, please help me out.

Here is button

<input type="button" onclick="return saveValues();" value="<?php echo "values" ?>" class="silver_button_big">

Respective javaScript call

var saveValues = function() {
         // some code                
        if(isModified() == false){
            jError("It is modified.");
            return;
            }        
             if(confirm("Are you sure")){
              $.post(base_url + 'google/update_values', {
               //some code               
            }
    };

Answer 1

jQuery hide() and show()

With jQuery, you can hide and show HTML elements with the hide() and show() methods:

Example

$("#hide").click(function(){
    $("p").hide();
});

$("#show").click(function(){
    $("p").show();
});