скрыть jquery ui форматирование аккордеона при печати страницы

Question

Я пытаюсь создать эффективную print.css для страницы подсказок. Страница включает в себя jQuery UI Accordion для отображения различных тем, но я бы не хотел показывать аккордеон при печати страницы.

Вот скриншот, как он выглядит при печати.

---

Когда страница печатается, я хотел бы, чтобы его показать, как если бы был отключен Javascript, как показано на следующем скриншоте:

---

Аккордеон создается с помощью <div id="gettingStarted_accordion">, поэтому скрытие этого в print.css приводит к исчезновению всей секции.

Есть ли простой способ сделать это?

Answer 1

добавить метод отображения на вашу печать CSS или медиа печати CSS, как это:

@media print { 

#gettingStarted_accordion > *{display:block !important;} 

} 

Answer 2

FYI Я понял затруднительный. Я просто добавляю media="screen" к ссылке на таблицу стилей для jquery ui. Как так:

<link media="screen" rel="stylesheet" type="text/css" href="jquery-ui.css"> 

и использовать это в моем print.css (благодаря Riskbreaker):

#gettingStarted_accordion > * { 
    display: block !important; 
}