docs(accordion): fix accordion demo

* fix accordion demo for last panel
* last panel was previously the markup example so moving just the close toggle
  was not sufficient and moving the markup as well would have rendered that
  specific accordion example obsolete.  so this restores the markup accordion
  back to original and moves to the last accordion example.

Closes #4344

src/accordion/docs/demo.html

@@ -36,18 +36,18 @@ <h4 class="panel-title" style="color:#fa39c3">
       <button type="button" class="btn btn-default btn-sm" ng-click="addItem()">Add Item</button>
       <div ng-repeat="item in items">{{item}}</div>
     </accordion-group>
-    <accordion-group>
-      <accordion-heading>
-        I can have markup, too! <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
-      </accordion-heading>
-      This is just some content to illustrate fancy headings.
-    </accordion-group>
     <accordion-group heading="Custom template" template-url="group-template.html">
       Hello
     </accordion-group>
-    <accordion-group heading="Delete account" panel-class="panel-danger" is-open="status.open">
+    <accordion-group heading="Delete account" panel-class="panel-danger">
       <p>Please, to delete your account, click the button below</p>
       <button class="btn btn-danger">Delete</button>
     </accordion-group>
+    <accordion-group is-open="status.open">
+      <accordion-heading>
+        I can have markup, too! <i class="pull-right glyphicon" ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
+      </accordion-heading>
+      This is just some content to illustrate fancy headings.
+    </accordion-group>
   </accordion>
 </div>