How can I change CSS display none or block property using jQuery?

Question

How can I change CSS display none or block property using jQuery?

Answer 1

The correct way to do this is to use show and hide:

$('#id').hide();
$('#id').show();

An alternate way is to use the jQuery css method:

$("#id").css("display", "none");
$("#id").css("display", "block");