Javascript/jQuery UI Widgets
Show Demo List
You can specify the action needed for expanding or collapsing the Expander. jqxExpander supports the following toggle modes:
jqxExpander supports all major desktop and mobile web browsers – Internet Explorer 7.0+, Firefox 2.0+, Safari 3.0+, Opera 9.0+, Google Chrome, IE Mobile, Android, Opera Mobile, Mobile Safari(IPhone, IPad). jqxExpander automatically detects the browser’s type and adjusts its internal behavior for optimal rendering and best user experience. You can easily use this widget even on touch devices.
Don’t spend time testing on different devices and browsers. Use a reliable, CSS compliant JavaScript Expander widget based on jQuery, HTML5 and CSS3.
jqxExpander has a rich set of events and built-in functions guaranteeing full control over the Expander. With the Expander API, you can easily expand or collapse the content or dynamically change the header or content sections.
jqxExpander ships with 5 professionally designed themes. Each theme is stored in a separate CSS file which makes it easy to export, customize and re-use. The themes can be easily switched using a single property.
jQuery Expander uses a pair of DIV tags for rendering. The first DIV tag represents the Expander’s Header and the second DIV tag is the Expander’s Content section. Below is a html markup for building a jQuery Expander.