Accordion not rendering right in IE 8
The Accordion created works in Firefox, safari, chrome, opera but I have to manually click to close the top panel only. The panels all work wonderfully but the IE seems not to render at all. Is there something that needs to be added to check for compatibility. The icons images are all correct. The actual main HTML is this
---------------------------------------------------------------
The Jquery-UI is v1.10.3 - 2013-05-03
The Jquery file is: jquery-1.9.1.js
---------------------------------------------------------------
<script>
$(function() {
$( "#accordion4" ).accordion({
collapsible: true
});
});
</script>
-------------------------------------------
]below is the Jquery script from in my js folder.
jQuery UI - v1.10.3 - 2013-05-03
$.widget( "ui.accordion", {
version: "1.10.3",
options: {
active: 0,
animate: {},
collapsible: true,
event: "click",
header: "> li > :first-child,> :not(li):even",
heightStyle: "auto",
icons: {
activeHeader: "ui-icon-triangle-1-s",
header: "ui-icon-triangle-1-e"
},
// callbacks
activate: null,
beforeActivate: null
},
_create: function() {
var options = this.options;
this.prevShow = this.prevHide = $();
this.element.addClass( "ui-accordion ui-widget ui-helper-reset" )
// ARIA
.attr( "role", "tablist" );
// don't allow collapsible: false and active: false / null
if ( !options.collapsible && (options.active === false || options.active == null) ) {
options.active = 0;
}
this._processPanels();
// handle negative values
if ( options.active < 0 ) {
options.active += this.headers.length;
}
this._refresh();
},
_getCreateEventData: function() {
return {
header: this.active,
panel: !this.active.length ? $() : this.active.next(),
content: !this.active.length ? $() : this.active.next()
};
},
_createIcons: function() {
var icons = this.options.icons;
if ( icons ) {
$( "<span>" )
.addClass( "ui-accordion-header-icon ui-icon " + icons.header )
.prependTo( this.headers );
this.active.children( ".ui-accordion-header-icon" )
.removeClass( icons.header )
.addClass( icons.activeHeader );
this.headers.addClass( "ui-accordion-icons" );
}
},