I have an Accordion, and I'm trying to use a selectable list inside each accordion pane.
The problem I am having is when the selectable list is created, it only uses roughly 60% of the accordion pane on the left, which leaves me with a huge white space area on the right as you can see in the picture where the red question mark is.
The 1px dashed border is the border for the ul used to create the selectable list.
If I do not use a selectable list, and rather use standard unordered list (ul), then there is no white space on the right.
Does anyone know where I can make some changes to completely get rid of the white space so I can continue using the selectable list? I have tried changing the padding for ui-accordion-content, but that did not fix the problem. I suspect i lies somewhere within the code for the creation of the selectable list, but where?
I know a long time has passed but I wondered if you could post some code
to show how you were able to get selectable to work inside accordian.
When I implement it only the selectables on the first tab of the
accordian are clickable. All the other are just text.