Как сделать div невидимым, не комментируя это?

Ответ 1

Вам нужно скрыть это с помощью CSS:

div {                    /* this will hide all divs on the page */
  display:none;
}

Если это конкретный div с определенным классом или id, вы можете скрыть его, как:

<div class="div_class_name">Some Content</div>

CSS

div.div_class_name {     /* this will hide div with class div_class_name */
  display:none;
}

или

<div id="div_id_name">Some Content</div>

CSS

div#div_id_name {        /* this will hide div with id div_id_name */
  display:none;
}

Примечание. Вам нужно обернуть CSS-символы между тегами <style type="text/css"></style>, например:

<style type="text/css">
  div#div_id_name {
    display:none;
  }
</style>

Дополнительная информация:)

Ответ 2

Вы можете сделать это с помощью встроенного стиля

<div style="display:none"></div>

или путем определения стиля CSS, например В css добавить

.HideableDiv{display:none;}

и в вашей HTML-записи

<div class="HideableDiv" ></div>

Ответ 3

Легко. Единственное, что вам нужно, это добавить стиль к нему, как показано в следующем примере:

CSS

<style type="text/css">
    div.myInvisibleDiv {
        overflow: hidden;
        visibility: hidden;
        height: 0;
        width: 0;
    }
</style>

HTML:

<div class="myInvisibleDiv"><p>My invisible content</p></div>

Этот div, и его содержимое определенно не отображается, и оно не нарушает окружающие элементы.

Ответ 4

если вы хотите, чтобы он существенно исчез из вашего макета:

.element_class {
 display:none;
}

если вы хотите просто сделать его невидимым (но все еще сохраняя его, казалось бы, пустым)

.element_class {
 visibility: hidden;
}

а затем ваш элемент (если div) будет выглядеть так:

<div class="element_class"></div>

в основном все, что вы добавляете w970 > "element_class", будет либо невидимым, либо полностью скрытым.

Ответ 5

position: absolute;
left: -99999px; /* big number */

сделает контент доступным для большинства программ чтения с экрана, но отобразит элемент вне экрана.

Ответ 6

Может быть, это не необходимое решение, но вы можете решить такие проблемы этими маленькими трюками.

Вы можете использовать jQuery для достижения решения. Если вы хотите полностью скрыть/показать div, вы можете использовать:

$('#my_element').show()
$('#my_element').hide()

Или, если вы хотите, чтобы ваш div стал невидимым и все еще существовал на странице, вы можете использовать эффективный трюк:

$('#my_element').css('opacity', '0.0');    // invisible Maximum
$('#my_element').css('opacity', '1.0');   // visible maximum