How to change css display none or block property u

Question

How to change css display none or block property using Jquery?

Answer 1

use this

$("#id").(":display").val("block");

or

$("#id").(":display").val("none");

Answer 2

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");

Answer 3

In my case I was doing show / hide elements of a form according to whether an input element was empty or not, so that when hiding the elements the element following the hidden ones was repositioned occupying its space it was necessary to do a float: left of the element of such an element. Even using a plugin as dependsOn it was necessary to use float.

Answer 4

.hide() does not work in Chrome for me This works for hidding:

var pctDOM = jQuery("#vr-preview-progress-content")[0];
pctDOM.hidden = true;

Answer 5

for hide:

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

for show:

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

Answer 6

If the display of the div is block by default, you can just use .show() and .hide(), or even simpler, .toggle() to toggle between visibility.