| 1 | | 23450.diff is a first pass at this. |
| 2 | | |
| 3 | | The basic reusable structure looks like this: |
| 4 | | |
| 5 | | {{{ |
| 6 | | <div id="accordion-container"> |
| 7 | | <ul> |
| 8 | | <li class="control-section accordion-section" id="accordion-section-title_tagline"> |
| 9 | | <h3 title="" tabindex="0" class="accordion-section-title">Title here</h3> |
| 10 | | <ul class="accordion-section-content"> |
| 11 | | <li><!-- content here --></li> |
| 12 | | </ul> |
| 13 | | </li> |
| 14 | | </ul> |
| 15 | | </div> |
| 16 | | }}} |
| 17 | | |
| 18 | | So you'd enqueue the new "accordion" JS file, and drop this code anywhere in the admin. |
| 19 | | |
| 20 | | '''A couple notes''' |
| 21 | | |
| 22 | | - I left all of the color CSS in wp-admin.css, since for now both fresh, and classic use the same colors for the accordion. |
| 23 | | - We could optionally move all of the form element styling (used within the customizer) over. I left that out of this first pass. |
| 24 | | - .accordion-section-content, could just as well be a DIV if you only have one block of code to add there (which is likely what I'll do for menus). |
| | 1 | Sorry, 23450.diff was uploaded by mistake... It was supposed to be uploaded to #23449. |