Kendo Panel Bar group header selection

[Kevon]

We do not want to highlight the group header on collapse expand. Basically it should not have k-state-focused and k-state-highlight applied to it when I expand or collapse. 

Can you please advise a trick?

[Iliana Dyankova]

Hello Dan,

In order to achieve this I can suggest in the Expand / Collapse events to find the proper element and remove the .k-state-focused class. For example: 

@(Html.Kendo().PanelBar()
  //....
  .Events(ev => ev.Expand("onExpand").Collapse("onCollapse"));
)

<script>
function onExpand() {
   $('.k-state-focused').removeClass('k-state-focused');
}

function onCollapse() {
   $('.k-state-focused').removeClass('k-state-focused');
}
</script>

Regards,
Iliana Nikolova
Telerik