页面折叠面板展开方法及装置与流程

本发明涉及软件技术领域，尤其涉及一种页面折叠面板展开方法及装置。

背景技术：

折叠面板(accordion，亦称为手风琴)是一种页面控件，如图1所示，折叠面板由多个面板组成，每个面板包括标题栏101和内容栏102两部分，不同分类的内容分别放在不同面板中。为节省页面空间，折叠面板只层叠显示标题栏和一个面板的内容栏，在展开一个面板的内容栏时，自动折叠隐藏其他面板的内容栏。用户可以通过触发标题栏，例如点击(PC端为鼠标，触屏智能设备为手指或操作笔等)标题栏，或将鼠标悬停在标题栏位置，来展开其所在面板的内容栏，查看各个面板内容栏中的内容。

通常折叠面板中的面板为单向展开，例如内容栏在标题栏上方、下方、左方或者右方展开。由于当展开一个面板的内容栏时其他面板的内容栏自动隐藏，因此当用户触发一个标题栏时，面板标题栏会移动位置以展开对应的内容栏，例如，如图2所示：折叠面板的内容栏在标题栏下方展开，也就是内容栏在标题栏的下方，触发标题栏1后在标题栏1下展开内容栏1；标题栏2原本在内容栏1的下方，触发标题栏2后，标题栏2上移至紧接着标题栏1的位置，在标题栏2下展开内容栏2。由于面板的标题栏会移动，用户在触发标题栏后，如果需要再次操作同样的标题栏，用户必须变换操作的位置，例如，如果标题栏上添加有选择框，当用户在触发标题栏2后，想勾选标题栏2上的选择框，则需要重新移动鼠标、手指或操作笔到已上移的标题栏2的位置来进行勾选，当用户要选择多个标题时，便需要来回多次移动鼠标、手指或操作笔而使操作过程变得很繁琐，用户体验也会很差。

技术实现要素：

为克服相关技术中折叠面板展示标题栏对应的内容栏时标题栏移动的问题，本申请提供一种页面折叠面板展示方法及装置。

根据本申请实施例的第一方面，提供一种页面折叠面板展示方法，包括：

检测标题栏触发信号；

当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

如果当前没有展开的内容栏，则以预先设置的默认面板展开方位展开当前触发的标 题栏所在面板的内容栏；

如果当前有展开的内容栏，以当前展开的内容栏所在面板的标题栏为第一标题栏，则以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏上方或下方时，所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，包括：

判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的上方展开所述标题栏所在面板的内容栏；

如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标题栏的下方展开所述标题栏所在面板的内容栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏上方或下方时，所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，包括：

获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

判断当前被触发的标题栏的坐标的纵坐标是否大于所述第一标题栏的坐标的横坐标；

如果当前被触发的标题栏的坐标的纵坐标大于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的上方展开所述标题栏所在面板的内容栏；

如果当前被触发的标题栏的坐标的纵坐标小于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的下方展开所述标题栏所在面板的内容栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏左方或右方时，所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，包括：

判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

如果标题栏按序号从左至右排列，则：

如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏；

如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标 题栏的右方展开所述标题栏所在面板的内容栏；

如果标题栏按序号从右至左排列，则：

如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏；

如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏左方或右方时，所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，包括：

获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

判断当前被触发的标题栏的坐标的横坐标是否大于所述第一标题栏的坐标的横坐标；

如果当前被触发的标题栏的坐标的横坐标大于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏；

如果当前被触发的标题栏的坐标的横坐标小于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏。

根据本申请实施例的第二方面，提供另一种页面折叠面板展示方法，包括：

检测标题栏触发信号；

当检测到标题栏触发信号时，以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，所述第一标题栏为当前展开的内容栏对应的标题栏。

相应于本申请实施例的第一方面，根据本申请实施例的第三方面，提供一种页面折叠面板展示装置，包括：

触发信号检测单元，用于检测标题栏触发信号；

第一判断单元，用于当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

第一展开单元，用于如果当前没有展开的内容栏，则以预先设置的默认面板展开方位展开当前触发的标题栏所在面板的内容栏；

第二展开单元，用于如果当前有展开的内容栏，则以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，所述第一标题栏为当前展开的内容栏所在面板的标题栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏上方或下方时，所述第二展开单元，包括：

第一判断模块，用于判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

第一展开模块，用于如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的上方展开所述标题栏所在面板的内容栏；

第二展开模块，用于如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标题栏的下方展开所述标题栏所在面板的内容栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏上方或下方时，所述第二展开单元，包括：

坐标获取模块，用于获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

第二判断模块，用于判断当前被触发的标题栏的坐标的纵坐标是否大于所述第一标题栏的坐标的横坐标；

第三展开模块，用于如果当前被触发的标题栏的坐标的纵坐标大于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的上方展开所述标题栏所在面板的内容栏；

第四展开模块，用于如果当前被触发的标题栏的坐标的纵坐标小于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的下方展开所述标题栏所在面板的内容栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏左方或右方时，所述第二展开单元，包括第一判断模块，第五展开模块及第六展开模块，其中，

所述第一判断模块，用于判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

所述第五展开模块，用于如果标题栏按序号从左至右排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏，或者，用于如果标题栏按序号从右至左排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏；

所述第六展开模块，用于如果标题栏按序号从左至右排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏，或者，用于如果标题栏按序号从右至左排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏。

可选的，当所述预先设置的默认面板展开方位为在标题栏左方或右方时，所述第二展开单元，包括：

坐标获取模块，用于获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

第三判断模块，用于判断当前被触发的标题栏的坐标的纵坐标是否大于所述第一标题栏的坐标的横坐标；

第七展开模块，用于如果当前被触发的标题栏的坐标的横坐标大于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏；

第八展开模块，用于如果当前被触发的标题栏的坐标的横坐标小于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏。

相应于本申请实施例的第二方面，根据本申请实施例的第四方面，提供一种页面折叠面板展示装置，包括：

触发信号检测单元，用于检测标题栏触发信号；

展开单元，用于当检测到标题栏触发信号时，以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，所述第一标题栏为当前展开的内容栏对应的标题栏。

根据本申请实施例的第五方面，提供一种页面折叠面板展示方法，包括：

检测标题栏触发信号；

当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

如果当前没有展开的内容栏，在预先设置的位置展开当前触发的标题栏对应的内容栏；

如果当前有展开的内容栏，以当前展开的内容栏为当前触发的标题栏对应的内容栏。

相应于本申请实施例的第五方面，根据本申请实施例的第六方面，提供一种页面折叠面板展示装置，包括

触发信号检测单元，用于检测标题栏触发信号；

第二判断单元，用于当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

第三展开单元，用于如果当前没有展开的内容栏，在预先设置的位置展开当前触发的标题栏对应的内容栏；

第四展开单元，用于如果当前有展开的内容栏，以当前展开的内容栏为当前触发的 标题栏对应的内容栏。

本申请实施例提供的技术方案可以包括以下有益效果：以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏对应的内容栏，从而保证了当前被触发的标题栏位置在展开对应内容栏时不变，标题栏不会跳动，方便用户对标题栏进一步进行操作。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，对于本领域普通技术人员而言，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为折叠面板示意图。

图2为折叠面板展开示意图。

图3为本申请一示例性实施例示出的一种页面折叠面板展开方法的流程示意图。

图4为第一示例图。

图5为第二示例图。

图6为第三示例图。

图7为第四示例图。

图8为第五示例图。

图9为第六示例图。

图10为本申请另一示例性实施例示出的一种页面折叠面板展开方法的流程示意图。

图11为本申请一示例性实施例示出的又一种页面折叠面板展开方法的流程示意图。

图12为本申请一示例性实施例示出的一种页面折叠面板展开装置的框图。

图13为本申请一示例性实施例示出的另一种页面折叠面板展开装置的框图。

图14为本申请一示例性实施例示出的又一种页面折叠面板展开装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

为了全面理解本申请，在以下详细描述中提到了众多具体的细节，但是本领域技术人员应该理解，本申请可以无需这些具体细节而实现。在其他实施例中，不详细描述公知的方法、过程、组件和电路，以免不必要地导致实施例模糊。

图3为本申请一示例性实施例示出的一种页面折叠面板展开方法的流程示意图，如图3所示，所述方法包括：

步骤S301，检测标题栏触发信号；

步骤S302，当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

步骤S303，如果当前没有展开的内容栏，则以预先设置的默认方位展开当前触发的标题栏对应的内容栏；

步骤S304，如果当前有展开的内容栏，则以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏对应的内容栏，所述第一标题栏为当前展开的内容栏对应的标题栏。

其中，折叠面板检测标题栏触发信号，例如标题栏点击信号或者鼠标悬停于标题栏的信号。通常折叠面板最开始的默认状态为全折叠，也就是只显示所有标题栏，没有任何内容栏展开，因此检测到标题栏触发信号时，判断当前是否有展开的内容栏，也就是判断是否为全折叠的默认状态。如果当前没有展开的内容栏，则以预先设置的默认方位，例如横向折叠面板(标题栏上下排列)的标题栏的上方或下方，或者竖向折叠面板(标题栏左右排列)的标题栏的左方或右方，展开当前被触发的标题栏对应的内容栏。

如果当前有展开的内容栏，则以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，例如，第一标题栏在当前被触发的标题栏的上方，则第一标题栏相对于当前被触发的标题栏的方位为上方，由此在当前被触发的标题栏的上方展开对应的内容栏； 又例如，第一标题栏在当前被触发的标题栏的下方，则第一标题栏相对于当前被触发的标题栏的方位为下方，由此在当前被触发的标题栏的下方展开对应的内容栏。所述对应的内容栏为当前被触发的标题栏对应的内容栏。

具体地，当所述预先设置的默认方位为在标题栏上方或下方时，所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏对应的内容栏，在一种可能的实施方式中，可以包括：

a1，判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

a2，如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的下方展开对应的内容栏；

a3，如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标题栏的上方展开对应的内容栏。

其中，当所述预先设置的默认方位为在标题栏上方或下方时，折叠面板为横向折叠面板。对于横向折叠面板，标题栏的序号通常按标题栏由上而下的顺序逐步变大。当检测到标题栏触发信号后，如果当前有展开的内容栏，则判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号，所述第一标题栏为当前展开的内容栏对应的标题栏。如果当前被触发的标题栏的序号大于所述第一标题栏的序号，也就是当前被触发的标题栏在所述第一标题栏的下方，则在当前被触发的标题栏的上方展开对应的内容栏。如第一示例图4，当前展开的为标题栏2对应的内容栏2，触发标题栏3，则不论当前内容栏2是在标题栏的上方还是下方展开(图4中为在下方展开)，都在标题栏3的上方展开内容栏3。

如果当前被触发的标题栏的序号小于所述第一标题栏的序号，也就是当前被触发的标题栏在所述第一标题栏的上方，则在当前被触发的标题栏的下方展开对应的内容栏。如第二示例图5，当前展开的为标题栏3对应的内容栏3，触发标题栏2，则不论当前内容栏2是在标题栏的上方还是下方展开(图5中为在下方展开)，都在标题栏2的下方展开内容栏2。

具体地，当所述预先设置的默认面板展开方位为在标题栏上方或下方时，所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，在另一种可能的实施方式中，可以包括：

b1，获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

b2，判断当前被触发的标题栏的坐标的纵坐标是否大于所述第一标题栏的坐标的横坐标；

b3，如果当前被触发的标题栏的坐标的纵坐标大于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的上方展开所述标题栏所在面板的内容栏；

b4，如果当前被触发的标题栏的坐标的纵坐标小于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的下方展开所述标题栏所在面板的内容栏。

其中，获取当前被触发的标题栏和所述第一标题栏在屏幕中的坐标(像素)，通常屏幕中，从上至下，坐标(X，Y)的纵坐标Y逐步变大，从左至右，坐标(X，Y)的横坐标X逐步变大。对于获取到的当前被触发的标题栏的坐标和所述第一标题栏的坐标，如果当前被触发的标题栏的坐标的纵坐标大于所述第一标题栏的坐标的纵坐标，则表示当前被触发的标题栏在所述第一标题栏的下方，此时在当前被触发的标题栏的上方展开所述标题栏所在面板的内容栏；如果当前被触发的标题栏的坐标的纵坐标小于所述第一标题栏的坐标的纵坐标，则表示当前被触发的标题栏在所述第一标题栏的上方，此时在当前被触发的标题栏的下方展开所述标题栏所在面板的内容栏。标题栏屏幕坐标的获取，可以在页面折叠面板代码中插入屏幕坐标抓取代码实现。

具体地，当所述预先设置的默认方位为在标题栏左方或右方时，如果标题栏按序号从左至右排列，则所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏对应的内容栏，在一种可能的实施方式中，可以包括：

c1，判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

c2，如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开对应的内容栏；

c3，如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标题栏的右方展开对应的内容栏。

具体地，当所述预先设置的默认方位为在标题栏左方或右方时，如果标题栏按序号从右至左排列，则所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏对应的内容栏，可以包括：

d1，判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

d2，如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的右方展开对应的内容栏；

d3，如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开对应的内容栏。

其中，当所述预先设置的默认方位为在标题栏左方或右方时，折叠面板为竖向，如果标题栏按序号从左至右排列，则当当前被触发的标题栏的序号大于所述第一标题栏的 序号时，当前被触发的标题栏在所述第一标题栏的右方，这种情况下，在当前被触发的标题栏的左方展开对应的内容栏。如第三示例图6，当前展开的为标题栏2对应的内容栏2，触发标题栏3，则不论当前内容栏2是在标题栏的左方还是右方展开(图6中为在右方展开)，都在标题栏3的左方展开内容栏3。

当当前被触发的标题栏的序号小于所述第一标题栏的序号时，当前被触发的标题栏在所述第一标题栏的左方，这种情况下，在当前被触发的标题栏的右方展开对应的内容栏。如第四示例图7，当前展开的为标题栏3对应的内容栏3，触发标题栏2，则不论当前内容栏3是在标题栏的左方还是右方展开(图7中为在右方展开)，都在标题栏2的右方展开内容栏2。

其中，如果标题栏按序号从右至左排列，则当当前被触发的标题栏的序号大于所述第一标题栏的序号时，当前被触发的标题栏在所述第一标题栏的左方，这种情况下，在当前被触发的标题栏的右方展开对应的内容栏。如第五示例图8，当前展开的为标题栏2对应的内容栏2，触发标题栏3，则不论当前内容栏2是在标题栏的左方还是右方展开(图8中为在左方展开)，都在标题栏3的右方展开内容栏3。

当当前被触发的标题栏的序号小于所述第一标题栏的序号时，当前被触发的标题栏在所述第一标题栏的右方，这种情况下，在当前被触发的标题栏的左方展开对应的内容栏。如第六示例图9，当前展开的为标题栏3对应的内容栏3，触发标题栏2，则不论当前内容栏3是在标题栏的左方还是右方展开(图9中为在左方展开)，都在标题栏2的左方展开内容栏2。

具体地，当所述预先设置的默认面板展开方位为在标题栏左方或右方时，所述以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，在另一种可能的实施方式中，可以包括：

e1，获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

e2，判断当前被触发的标题栏的坐标的横坐标是否大于所述第一标题栏的坐标的横坐标；

e3，如果当前被触发的标题栏的坐标的横坐标大于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏；

e4，如果当前被触发的标题栏的坐标的横坐标小于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏。

其中，对于获取到的当前被触发的标题栏的坐标和所述第一标题栏的坐标，如果当前被触发的标题栏的坐标的横坐标大于所述第一标题栏的坐标的横坐标，则表示当前被触发的标题栏在所述第一标题栏的右方，此时在当前被触发的标题栏的左方展开所述标 题栏所在面板的内容栏；如果当前被触发的标题栏的坐标的横坐标小于所述第一标题栏的坐标的横坐标，则表示当前被触发的标题栏在所述第一标题栏的左方，此时在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏。

需要说明的是，折叠面板在展开一个内容栏时，自动隐藏其他内容栏。

图10为本申请另一示例性实施例示出的一种页面折叠面板展开方法的流程示意图，如图10所示，所述方法包括：

步骤S1001，检测标题栏触发信号；

步骤S1002，当检测到标题栏触发信号时，以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，所述第一标题栏为当前展开的内容栏对应的标题栏。

其中，对于默认状态为展开的折叠面板，也就是折叠面板最初状态为有一个内容栏是展开的，这种情况下，检测到标题栏触发信号后，不需要判断当前是否有展开的内容栏。直接以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏。

本申请上述实施例提供的页面折叠面板展开方法，以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏所在面板的内容栏，从而保证了当前被触发的标题栏位置不变，不会发生标题栏跳动，方便用户对标题栏进一步进行操作。

为防止由于页面折叠面板单向展开引起触发标题栏时标题栏发生跳动，另一种方法是将页面折叠面板中的标题栏和内容栏固定，如图11所示，图11为本申请一示例性实施例示出的又一种页面折叠面板展开方法的流程示意图，所述方法包括：

S1101，检测标题栏触发信号；

S1102，当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

S1103，如果当前没有展开的内容栏，在预先设置的位置展开当前触发的标题栏对应的内容栏；

S1104，如果当前有展开的内容栏，以当前展开的内容栏为当前触发的标题栏对应的内容栏。

其中，当检测到标题栏触发信号时，判断是否有展开的内容栏，如果当前没有展开的内容栏，也就是页面折叠面板是全折叠的状态，这种情况下，在预先设置的位置展开当前触发的标题栏对应的内容栏，其中，所述预先设置的位置可以为所有标题栏外与标题栏相接的上方、下方、左方或右方，也可以为在当前被触发的标题栏的上方、下方、 左方或右方，又或者在任意一个标题栏的上方、下方、左方或右方(也就是在两个标题栏之间展开内容栏)，展开的内容栏中显示于所述标题栏对应的内容，此时内容栏对应当前被触发的标题栏。如果当前有展开的内容栏，则以当前展开的内容栏为当前触发的标题栏对应的内容栏，也就是使当前展开的内容栏中显示与当前触发的标题栏对应的内容，任一个标题栏被触发，都以当前展开的内容栏为其对应的内容栏，由此，所有标题栏的内容栏共用，该内容栏的位置不变，标题栏的位置也将不变，从而防止标题栏的跳动。

通过以上的方法实施例的描述，所属领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，并存储在一个存储介质中，包括若干指令用以使得一台智能设备执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：只读存储器(ROM)、随机存取存储器(RAM)、磁碟或者光盘等各种可以存储数据和程序代码的介质。

图12为本申请一示例性实施例示出的一种页面折叠面板展开装置的框图。如图12所示，所述装置包括：

触发信号检测单元U1201，用于检测标题栏触发信号；

第一判断单元U1202，用于当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

第一展开单元U1203，用于如果当前没有展开的内容栏，则以预先设置的默认方位展开当前触发的标题栏对应的内容栏；

第二展开单元U1204，用于如果当前有展开的内容栏，则以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏对应的内容栏，所述第一标题栏为当前展开的内容栏对应的标题栏。

其中，当所述预先设置的默认方位为在标题栏上方或下方时，所述第二展开单元，在一种可能的实施方式中，可以包括：

第一判断模块，用于判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

第一展开模块，用于如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的上方展开对应的内容栏；

第二展开模块，用于如果当前被触发的标题栏的序号小于所述第一标题栏的序号，则在当前被触发的标题栏的下方展开对应的内容栏。

其中，当所述预先设置的默认方位为在标题栏上方或下方时，所述第二展开单元，在另一种可能的实施方式中，可以包括：

坐标获取模块，用于获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

第二判断模块，用于判断当前被触发的标题栏的坐标的纵坐标是否大于所述第一标题栏的坐标的横坐标；

第三展开模块，用于如果当前被触发的标题栏的坐标的纵坐标大于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的上方展开所述标题栏所在面板的内容栏；

第四展开模块，用于如果当前被触发的标题栏的坐标的纵坐标小于所述第一标题栏的坐标的纵坐标，则在当前被触发的标题栏的下方展开所述标题栏所在面板的内容栏。

其中，当所述预先设置的默认方位为在标题栏左方或右方时，所述第二展开单元，在一种可能的实施方式中，包括第一判断模块，第三展开模块及第四展开模块，其中，

所述第一判断模块，用于判断当前被触发的标题栏的序号是否大于所述第一标题栏的序号；

所述第三展开模块，用于如果标题栏按序号从左至右排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开对应的内容栏，或者，用于如果标题栏按序号从右至左排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的右方展开对应的内容栏；

所述第三展开模块，用于如果标题栏按序号从左至右排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的右方展开对应的内容栏，或者，用于如果标题栏按序号从右至左排列，且如果当前被触发的标题栏的序号大于所述第一标题栏的序号，则在当前被触发的标题栏的左方展开对应的内容栏。

其中，当所述预先设置的默认面板展开方位为在标题栏左方或右方时，所述第二展开单元，在另一种可能的实施方式中，包括：

坐标获取模块，用于获取当前被触发的标题栏的坐标及所述第一标题栏的坐标；

第三判断模块，用于判断当前被触发的标题栏的坐标的纵坐标是否大于所述第一标题栏的坐标的横坐标；

第七展开模块，用于如果当前被触发的标题栏的坐标的横坐标大于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的左方展开所述标题栏所在面板的内容栏；

第八展开模块，用于如果当前被触发的标题栏的坐标的横坐标小于所述第一标题栏的坐标的横坐标，则在当前被触发的标题栏的右方展开所述标题栏所在面板的内容栏。

图13为本申请另一示例性实施例示出的一种页面折叠面板展开装置的框图。如图13所示，所述装置包括：

触发信号检测单元U1301，用于检测标题栏触发信号；

展开单元U1302，用于当检测到标题栏触发信号时，以第一标题栏相对于当前被触发的标题栏的方位作为展开方位，展开当前被触发的标题栏对应的内容栏，所述第一标题栏为当前展开的内容栏对应的标题栏。

图14为本申请另一示例性实施例示出的一种页面折叠面板展开装置的框图。如图14所示，所述装置包括：

触发信号检测单元U1401，用于检测标题栏触发信号；

第二判断单元U1402，用于当检测到标题栏触发信号时，判断当前是否有展开的内容栏；

第三展开单元U1403，用于如果当前没有展开的内容栏，在预先设置的位置展开当前触发的标题栏对应的内容栏；

第四展开单元U1404，用于如果当前有展开的内容栏，以当前展开的内容栏为当前触发的标题栏对应的内容栏。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于装置或系统实施例而言，由于其基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。以上所描述的装置及系统实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

需要说明的是，在本文中，诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者逆序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、装置或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、装置或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……” 限定的要素，并不排除在包括所述要素的过程、方法、装置或者设备中还存在另外的相同要素。

以上所述仅是本申请的具体实施方式，使本领域技术人员能够理解或实现本申请。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。