展开/折叠内容

概观

网站建设者谁直接舒适编辑HTML可以添加展开/折叠(手风琴)的内容部分(展开/折叠功能使用这个非常页!)的任何内容网页或文本部件。

一旦您已插入展开/折叠部分,你将能够使用所见即所得编辑它。

添加一个块可折叠内容

扩大所见即所得工具栏,你看到的HTML按钮。当您单击按钮,弹出框将出现在你可以直接编辑内容的HTML。

HTML编辑窗口:

每个内容块压缩的容器必须围绕整个块一个div,作为控制器标题,围绕着你“想展开/折叠内容的目标股利。您必须使用正确的标签和类名的每个项目,否则展开/折叠将无法正常工作。

  • 用于容器,使用具有类一个div =“openberkeley可折叠容器”
  • 对于控制器,使用与类一标题(H2,H3,H4,H5或)=“openberkeley可折叠控制器”
  • 用于目的内容,使用具有类一个div =“openberkeley可折叠靶”

复制下面的示例代码粘贴到您的HTML编辑窗口。您可以添加,即使已经有内容/ HTML窗口这段文字,只是小心地复制并粘贴在正确的位置的示例代码。

在以下示例代码,替换文本

(控制器标题)标签和

(目标内容的段落)标签与你展开/折叠的文本。

例如(复制并粘贴到HTML窗口上手)


可折叠的文本行



在HAC habitasse dictumst摊位。 Suspendisse格言,韦尔velit孕妇vehicula,
法无dignissim NIBH turpis,tristique enim酒后驾车前庭enim。 DUIS的cursus
euismod直径孕妇简历。 etiam ELIT LOREM的。





可折叠文字的另一行



这是在这里另一段也将扩大。它可长可短。你可以添加
任何格式和布局要一个可折叠项。例如:


这里是一个副标题


更多的文本。










表头表头2
表的内容表的更多内容



不再扩大!


ESTA的东西仅仅是马马虎虎。

当你完成后,单击更新。你会看到在WYSIWYG编辑器反映更改。

每个控制器和目标将被显示在与虚线或点边界的编辑器。当您查看保存的页面,这些边框将不显示。一旦你创建的HTML弹出一个可折叠的内容块,边界将帮助您在日后修改的内容,而无需打开HTML视图。

当您访问的页面,所有的内容开始崩溃块。单击控制器标题扩大。展开/折叠功能,经测试可访问性,并非常适用于仅提供键盘用户和屏幕阅读器的用户。

展开/折叠所有

如果你愿意,你可以添加链接展开和折叠所有项目的一次。打开HTML编辑器,只是你的第一个可折叠的项目在此之前的代码粘贴。

只能有一组展开所有/折叠每个网页链接。

编辑内容可折叠

一旦你已经插入一个可折叠的项目,你不必回到HTML模式进行编辑。网站建设者和编辑将能够编辑标题的文本和可折叠的内容。

在编辑视图中,您将看到标题周围虚线轮廓,和周围的可折叠内容的虚线轮廓。这是除了造型上的页面,公众视野出现哪种会有所不同根据什么主题,您的站点使用。轮廓让你看到里面内容是否是一个可折叠或块之外。

笔记

  • 为达到最佳显示,保持文本短标题。
  • 如果一个可折叠的产品在你的页面内容的最后一件事,这将是很难添加非可折叠的内容没有进入它下面的HTML模式。当在HTML模式下进行编辑,你可能要离开空

    最后一个可折叠的项目之后的标签。类似内容的问题可能发生,如果你想将两个项目的非可折叠可折叠的,或者,如果你想删除所有可折叠项目。愿你需要进入HTML模式,使这些变化。

  • 只能有一组扩展,所有/折叠,所有每页。这些链接将不论其折叠位置的作用于所有项目在页面上。为此,我们建议您“不要把项目分成多个可折叠的面包在一个页面上。