我正在尝试使用单独的 CSS 文件从我的页面打印出详细信息。我遇到的问题是显示我想要显示的所有内容。我的网页上有一个手风琴,用于不同的详细信息,我希望它显示 3 个手风琴框中的所有相关详细信息,但它仅打印当前打开框中的数据。我希望打印时所有部分中的“约会数据”类中的数据都可见。
<div id="accordion">
<div>
<h3><a href="#">Section 1</a></h3>
<div>
<div class="appointment-image">
<img alt="img1" src="../../Content/images/img1.jpg" />
</div>
<div class="appointment-data">
<div class="display-box">
<div class="display-label">@Html.LabelFor(model => model.Item1)</div>
<div class="display-field">@Html.DisplayFor(model => model.Item1)</div>
</div>
<div class="display-box">
<div class="display-label">@Html.LabelFor(model => model.Item2)</div>
<div class="display-field">@Html.DisplayFor(model => model.Item2)</div>
</div>
</div>
</div>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<div class="appointment-image">
<img alt="" src="../../Content/images/img2.jpg" />
</div>
<div class="appointment-data">
<div class="display-box">
<div class="display-label">@Html.LabelFor(model => model.Item3)</div>
<div class="display-field">@Html.DisplayFor(model => model.Item3)</div>
</div>
</div>
</div>
</div>
<div>
<h3><a href="#">Section 3</a></h3>
<div class="appointment-image">
<img alt="" src="../../Content/images/img3.jpg" />
</div>
<div class="appointment-data">
<div class="display-box">
<div class="display-label">@Html.LabelFor(model => model.Item4)</div>
<div class="display-field">@Html.DisplayFor(model => model.Item4)</div>
</div>
</div>
</div>
</div>
因为它是一个手风琴,一次只能看到一个部分,我宁愿使用 CSS 和 HTML 而不是 jQuery/JavaScript。手风琴是使用 jQuery 完成的。