background

Kendo UI for jQuery

jQuery PanelBar

  • Quickly build jQuery UI with this popular Angular accordion element that provides expandable/collapsible navigation.
  • Part of the Kendo UI for jQuery library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Header-PanelBar
  • Overview

    The jQuery PanelBar component offers a professional and flexible navigation system with minimum coding efforts. The control's highly efficient semantic rendering guarantees fast responsive time and minimum HTML output. The PanelBar widget is ideal for presenting information in a limited amount of space via collapsible panels.

    See the jQuery PanelBar Overview demo

    panelbar-overview
  • Animation

    By default, the jQuery PanelBar uses animations to reveal panel content when a header is clicked. You modify this behavior through “open” and “close” property values.

    See the jQuery PanelBar Animations demo

    panelbar-animation
  • Data Binding

    The jQuery PanelBar can be bound to different types of data, including an array of primitive values or an object.

    See the jQuery PanelBar Data Binding demo

  • Dynamic AJAX Content

    The jQuery PanelBar provides built-in support for loading content from remote URLs. These URLs return HTML content that can be loaded in the PanelBar item content area.

    See the jQuery PanelBar Dynamic AJAX Content demo

  • Keyboard Navigation

    Improve accessibility and productivity with keyboard-only navigation. This component supports keyboard navigation to help navigate and interact with items.  

    See the jQuery PanealBar Keyboard Navigation demo

    Keyboard Navigation

All Kendo UI for jQuery Components

Next Steps

Next Steps