Question

如果单击相应的链接，我可以使用jQuery的slideToggle来显示它。

它有

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

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

在print css中，我想可能会将#content设置为#content {display：block;会做的伎俩，但没有运气。

感谢任何帮助。

Answer 1

您需要将display:none声明从内联移动到常规样式表中。打印样式表在打印时未显示div的原因是它被内联样式覆盖。

Answer 2

元素的style属性的内容将覆盖CSS中的任何内容。您应该在style属性中指定display: block;，或者根本没有style属性，而是在非打印CSS中指定display: none;。

Answer 3

我会搞砸这一点的语法，但基本上是：

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

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

从DIV元素中删除内联样式

打印div最初设置为display：none;

3 个答案: