I have few problems with Accordion where I will those as points. Before that please find the accordion I am using.

1. I have added buttons to Accordion header but while I am clicking on the buttons the Accordion is collapsing beacause of the below 

                  collapsible : true.

But I dont want the button to interact with Accordion so that I can perform operations. i.e, when I click on buttons the accordion should not close or open. The button should have it's own action.

2. How could I align these buttons at right side of Accordion. i.e, Quite opposite to the Accordion header name. 

                   $("button[name=Save]").button({

text : true,

icons : {

primary : "ui-icon-disk"

},

float : 'right'

});

                  

                  <button name="Save" style="float: right; display: inline-block;">Save</button>

doing so I am getting like this 

3. Instead of adding icons using these Buttons is there any other way that I can add framework Icons directly to the right end of Accordion and to perform actions independent of Accordion collapsability. I tried doing it with span with class and style attribute. But it is sitting with the starting Plus icon only how ever I modified.

Kindly reply ASAP. 

Thanks,

Chiranjeevi.