Accordion Control

How to create Accordion Control in Axure RP 8

Step - 1 - Open new file select Rectangle and H3 Place it and Give some name to H3 

Step - 2 -  Select all and right click and convert to Dynamic Panel

Step - 3 -  Name the Dynamic Panel

Step - 4 - Now right click on State and make duplicate State. Now we have 2 States, Now in 

State 1 Place "Plus Sign" and State 2 Place "Minus Sign"

Step - 6 - Now select Rectangle, image, and Paragraph and Place it.

Step - 7 - Now Select all and Right click and convert to "Dynamic Panel"

Step - 8 - Name it as Acc_content

Step - 9 - Again Right click and Set as Hidden

Step - 10 - Now need to Add case "Select Design_acc -> double click on OnClick"

Step - 11 - Now Add Case Editor Follow the below image steps

Step - 12 -  In case 1 add "Set Panel State" follow the below image steps

Step - 13 - Now click on Preview

Step - 14 - Preview in web Browser

Thanks.