JQuery Accordion default item -

i'm trying define default active item in accordion menu:

function activate_accordion(course_id){         var active_item = '';         if (course_id == false){             active_item = false;         }         else {             active_item = $('.accordion div[id="course-' + course_id + '"]').attr('active');         }          alert(active_item);         var icons = {                 header: "../../img/plus.png",                 activeheader: "../../img/minus.png"             };          $( ".accordion" ).accordion({             collapsible: true,             icons: icons,             active: active_item,             heightstyle: "content"         });     } 

my jsfiddle: http://jsfiddle.net/fvmre/ accordion works encouter 2 problems:

1. first problem "active" option doesn't work , items collapsed
2. my icon option doesn't work if there correct paths images

any ideas?

jquery accordion ui has default + , - icons.

this can activated using

icons: {             "header": "ui-icon-plus",             "activeheader": "ui-icon-minus"         } 

from docs, "active" can bool or int 0 , 1. since code returns numeric, can follow reyaner said.

 active: parseint(active_item) 

finally accordion code should

$(".accordion").accordion({         collapsible: true,         active: parseint(active_item),         heightstyle: "content",         icons: {             "header": "ui-icon-plus",             "activeheader": "ui-icon-minus"         }     }); 

check jsfiddle