Printing

Description

Automatically enhances print functionality by showing all hidden content when printing. This includes accordion sections, reveal content, and other interactive elements that are normally hidden.

Usage

This feature works automatically - no additional HTML or classes needed. When users print the page, all hidden content becomes visible for a complete printout.

Automatic Features

Accordion Content: All accordion sections become visible when printing
Reveal Content: All reveal buttons and hidden content become visible
Interactive Elements: Hidden interactive content is shown in print
Print Detection: Uses multiple methods to detect print requests

Examples

Accordion Content in Print

Section 1

This content is hidden by default but will be visible when printing.

Perfect for including additional information that users might want to print.

Section 2

All accordion sections will be expanded in the print version.

Lists work fine in print
As do other HTML elements

Section 3

This ensures users get complete information when printing.

Reveal Content in Print

This content is hidden until the reveal button is clicked.

However, when printing, this content will be visible automatically.

This is perfect for answers, solutions, or additional information.

Active Reveal in Print

This content requires user input normally, but will be visible when printing.

Great for encouraging reflection while still allowing complete printouts.

Mixed Content Example

Print-Friendly Content

This section demonstrates how different interactive elements work together in print.

Even nested reveal content will be visible when printing.

This ensures comprehensive printouts for users.

Additional Information

All sections will be expanded in the print version.

Notes

Print functionality works automatically - no configuration needed
All accordion sections (._bellow) become visible when printing
All reveal content becomes visible when printing
Uses multiple detection methods for reliable print detection
Works with both browser print dialog and Ctrl+P
Content returns to hidden state after printing
Perfect for educational content where users need complete information
Consider print stylesheets for additional print-specific styling
Test print functionality across different browsers