jQuery Mobile Collapsibleset Widget iconpos Option

The iconpos option in jQuery Mobile Collapsibleset Widget is used to specify the position of the icon associated with the collapsible widget. By default, the icon is placed on the left side of the title on collapsible widgets.

Syntax

The syntax for using the iconpos option is as follows:

$( ".selector" ).collapsibleset({
  iconpos: "right"
});

Values

The iconpos option can take one of the following values:

• left: This is the default value. It places the icon on the left side of the title.
• right: This places the icon on the right side of the title.
• top: This places the icon on top of the title.
• bottom: This places the icon below the title.

Example

The following example demonstrates the usage of the iconpos option:

<div data-role="collapsibleset">
  <div data-role="collapsible" data-collapsed-icon="arrow-d" data-expanded-icon="arrow-u" data-iconpos="right">
    <h2>Collapsible Title</h2>
    <p>Collapsible Content</p>
  </div>
</div>

In this example, the collapsible widget has been set to have the iconpos option set to right. This places the icon on the right side of the title.

Conclusion

The iconpos option in jQuery Mobile Collapsibleset Widget is a useful feature that can be used to customize the way icons associated with collapsible widgets are displayed. By changing the position of the icon, you can make your collapsible widgets look more professional and visually appealing.