печатный div, изначально установленный для отображения: none;

Question

У меня есть div, который можно просмотреть, если вы нажмете соответствующую ссылку, используя jQuery's slideToggle, чтобы отобразить его.

имеет

$(document).ready(function() { 
    $('#content-click').click(function() { 
     $("#content").slideToggle(100); 
    }); 
}); 

<div id="content" style="display:none;"> 
    this is the content 
</div> 

В печати CSS, я подумал, может быть установка #content к #content {дисплей: блок; } сделал бы трюк, но не повезло.

Любая помощь приветствуется.

Answer 1

Вам необходимо переместить объявление display:none из строя, чтобы быть в вашей обычной таблице стилей. Причина, по которой ваша таблица стилей печати не показывает div при печати, заключается в том, что она переопределяется встроенным стилем.

Answer 2

Содержимое атрибута стиля элемента переопределит что-либо в CSS. Вы должны указать display: block; в атрибуте стиля или вообще не иметь атрибута стиля и вместо этого указать display: none; в непечатаемом CSS.

Answer 3

Я собираюсь ввернуть синтаксис этого немного, но в основном:

@media print 
{ 
    #content { display: block; } 
} 

@media screen 
{ 
    #content { display: none; } 
} 

И удалить встроенный стиль от элемента DIV