html - Using Accordion inside canvas -

when use accordion, call using id inside div

<div id="accordion"> 

what want using accordion inside canvas element. canvas tag calls id, don't have idea how solve issue.

the main purpose have area on left images sorted in 3 sections, put inside accordion. on right, drawed grid inside canvas element. images dropped. here code, stopped here, , don't know reason jsfiddle shows 1 canvas although drawing of grid correct. apologize bad code.

http://jsfiddle.net/us4er/4/

the jqueryui accordion wiget not operate inside html canvas.

an alternate plan:

you create image-source-accordion outside , left of canvas.

then use jquery draggable plus canvas dropzone copy image toolbox , draw on canvas.

this link shows how use jqueryui draggable "drop" img element on canvas:

drag controls container , drop/draw them on canvas