The C1Accordion control allows you to change the event that causes a content area to expand when a header is clicked. Simply set the Event property to take advantage of this feature. To view live demo for hover in Accordion for ASP.NET Web Forms, see Accordion -> Hover.

Possible events include: click, mouseover, dblclick, mousemove, mousedown, mouseup, and mouseout.

Design Time

1. Select View | Properties Window.
2. Next to the Event property, enter an event name, mouseover in this case since we want the content panes to expand when the mouse hovers over the headers.

In Code

Add the following code to the Page_Load event, for example, to set the Event property.

 To write code in Visual Basic

To write code in C#

In Markup

You can add the markup for the Event property directly to the C1Accordion markup. It is automatically added to the markup if you set the property in the page at design time. The markup looks like the following:

<cc1:C1Accordion ID="C1Accordion1" runat="server" 
DataSourceID="AccessDataSource1" Event="mouseover">
</cc1:C1Accordion>

When you run the application and hover over an accordion header, the content pane expands.