jQuery Mobile Collapsible collapse() 方法

collapse() 方法是 jQuery Mobile 中用于折叠面板的方法。它允许您通过编程方式将折叠面板折叠起来，以节省页面空间并提高用户体验。

语法

$(selector).collapsible("collapse", options);

• selector: 必需，用于指定要折叠的元素的选择器。
• options: 可选，用于指定一个可选的配置对象。

参数

collapse() 方法接受两个参数：选择器和选项。

选择器

选择器是一个字符串，用于指定要折叠的元素。您可以使用 ID、类名、标签名或任何其他有效的 CSS 选择器。

选项

选项是一个包含一组属性的对象。其中最常用的属性如下：

• enhanced: 如果设置为 true，则表示 collapsible 已被增强并且不需要被初始化。默认为 false。
• collapseCueText: 用于指定在折叠面板上显示的提示文字。

使用示例

以下代码演示了如何使用 collapse() 方法将折叠面板折叠起来：

$(document).ready(function(){
  $("#myCollapsible").collapsible("collapse");
});

此代码将折叠 ID 为 "myCollapsible" 的折叠面板。

您也可以使用选项来配置折叠效果：

$(document).ready(function(){
  $("#myCollapsible").collapsible("collapse", {
    enhanced: true
  });
});

此代码将增强 ID 为 "myCollapsible" 的折叠面板。

结论

collapse() 方法是 jQuery Mobile 中一个非常有用的方法，它可以使您编程方式折叠面板，以提高用户体验和节省页面空间。您可以使用它与其他 jQuery Mobile 方法一起使用，以创建强大的用户界面和交互体验。