Group Box in a List View - expand only the first Group Box

0
Hi everyone,   In one of my apps I have an expandable group box in a list view. I want to have only the first group box (first item in the list) appear expanded, while the rest are collapsed. Currently, I can either set all of them to expanded or collapsed.   I've been fiddling around with the css for some time now without much success, can anyone lead me in the right direction? Thanks!
asked
1 answers
1

Hi Stefan Baychev,

try this one                           

/* This will hide the content of the group box by default */

.yourGroupBoxClass .ui-accordion-content

{   

display: none;

}

/* This will ensure the first item is visible */

.yourGroupBoxClass:first-child .ui-accordion-content

{   

display: block;

}

answered