jQuery UI - Accordion

[Max Madjarov]

Hi,

is it possible to use jQuery UI in confluence custom plugin development? In my case, i try to use jQuery Accordion functionality in my plugin .vm pages. But it is not rendered correctly.

atlassian-plugin.xml:

<resource type="download" name="jquery-ui.css" location="/css/jquery-ui.css" >
            <property key="content-type" value="text/css" />
</resource>
...
<resource type="download" name="jquery-ui.js" location="/js/jquery-ui.js" >
            <property key="content-type" value="text/javascript"/>
</resource>
<resource type="download" name="jquery-1.9.0.js" location="/js/jquery-1.9.0.js" >
            <property key="content-type" value="text/javascript"/>
</resource>
...

"file".js:

AJS.$(document).ready(function() {

    AJS.$("#categorySkillsList").accordion({
        collapsible: true
    });
});

and a VM page it self:

<div id="categorySkillsList">
            #foreach($!category in $!categories)
                <h3>$!category.categoryTitle</h3>
                <div>
                    #foreach($!skill in $!category.skills)
                        <p>$!skill.skillTitle</p>
                    #end
                </div>
            #end
</div>

i can see all .js file and .css files in "batch" files! But <div id="categorySkillsList"> is not rendered like ACCORDION.

Thanks.

[Max Madjarov · Accepted solution]

To get jQuery UI Elements work in Confluence you have to include following dependency in Web Resource

<dependency>com.atlassian.auiplugin:jquery-ui-other</dependency>

[Max Madjarov]

if the jQuery UI library is in confluence integrated?