hidden jquery

// Checks CSS content for display:[none|block], ignores visibility:[true|false]
$(element).is(":visible");

// The same works with hidden
$(element).is(":hidden");

//$(selector).hide(speed,easing,callback)

$('#yourElement').hide(); //this works just fine
$('#yourElement').hide(1000); //hides in 1 second
$('#yourElement').hide(1000, 'swing'); //valid values are swing or linear
$('#yourElement').hide(1000, 'linear', yourFunctionHere()); //same as above but with a callback to a custom function
$('#yourElement').hide(1000, 'linear', function() {
	//you can even do this to just write a one-time function inline if necessary
});

// Checks css for display:[none|block], ignores visibility:[true|false]
$(element).is(":hidden"); 

$('#yourid').attr('hidden', false);
$('#yourid').attr('hidden', true);

if (to_timing <= time) {
            $('#cancel').hide();
        }