printing - Twitter Bootstrap Accordion - すべて展開して印刷するには?

Question

私は自分のサイトのあちこちで Twitter Bootstrap アコーディオンを使用しています。それらはうまく機能し、それだけで、私が気付いた問題は、ページを印刷したい場合です。私の目的のためにページを印刷する場合は、理想的にはすべて展開する必要があります。

これについて最善の方法を知っている人はいますか？ページの [印刷] ボタンに JavaScript を介して何かを接続できることはわかっていますが、ユーザーがブラウザーの [印刷] ボタンを使用すると仮定しましょう。

Answer 1

メディアが印刷用の場合は、CSS メディア タイプを使用し、展開されたすべてのアコーディオンのスタイルを設定します。

ここの小さな例では、すべてのアコーディオンを印刷専用に展開します。

@media print {
    /* your stylesheet for printing, eg.: */
    .accordion-group .accordion-body.collapse {
        height: auto;
    }
}