Geek Answers Handbook

JQuery UI Accordion Header: ui-helper- reset not added

I just updated the jQuery project from 1.9.2 to 1.11.2 and everything seems to work fine, except that my accordion is now so large that I can't see it. Previous code:

$('.accordion').accordion({
    autoHeight: false,
    fillSpace: true,
    collapsible: true,
    navigation: true
});

As autoHeight, fillSpace and navigation are deprecated, I updated this to ...

$('.accordion').accordion({
    heightStyle: "fill",
    collapsible: true
});

Now I have huge fields below each closed tab of the accordion, and the text is huge. A quick search of the resulting code shows that the only thing that is missing is the ui-helper-reset class on the h3 element (i.e. .accordion has this, all my div divs have it, but all h3 elements do not) .

If I add the class manually, the headers look the same as before. Any ideas on how to get the class to add?

Update

. jQueryUI CSS (1.8.23), . jQuery UI-, , ui-helper- reset . , CSS .

+4
2

, , - jQuery CSS. , : jQuery?

0

.addClass()?

$('.accordion').accordion({
    heightStyle: "fill",
    collapsible: true
}).find("h3").addClass("ui-helper-reset");
+1

More articles:


All Articles