Jquery accordion

Jquery accordion

The code below creates and deletes the content of the accordion <div id="accordion">.  With the initial accordion population everything works properly ie the proper content is generated and the "accordion action" works. But once the the <div id="accordion"> is emptied and re populated all the content is correct, but the "accordion action" does not work ie everything is expanded..

Please comment

  2. Kinetic.Layer.prototype.omniLoadPropertiesPallet = function(node){

  4. attrs= node.getAttrs();

  6. for (key in attrs) {
  7.         if (attrs.hasOwnProperty(key)) {
  8. $("#accordion").append(
  9. "<h3 class=\"accordinH3\" >("+typeof attrs[key]+") "+key+"= "+attrs[key]+"</h3>"
  10.    +"<div><p>"
  11. +" <input type=\"button\" class=\"down\" id=\""+key+":down:"+typeof attrs[key]+"\"  value=\"&#9660;\" />"
  12. +"<input type=\"button\" class=\"up\" id=\""+key+":up:"+typeof attrs[key]+"\" value=\"&#9650\" />"
  13. +"<td><input type=\"text\" class=\"omniProperty\" id=\""+ key +"\" size=20 value=\""+ attrs[key]+"\">"
  14. +"</p></div>"  
  15. );
  16.          }//END if (attrs.hasOwnProperty(key)
  17.     }// End for (key in attrs)
  18. console.log("accordion call");
  19. $("#accordion").accordion();
  20. }// END Kinetic.Layer.prototype.omniLoadPropertiesPallet
  21. function omniUnloadPropertiesPallet(){
  22. $("#accordion").empty();
  23. }