Side by Side Diff: pages/index.md
Issue 29548567:
Issue 4925 - Create accordion component for Help Center (Closed)
Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Add support for navigating between headings with arrow keys
Created Sept. 19, 2017, 9:14 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
static/img/png/arrow-icon-secondary.png » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 title=Hello, world | 1 title=Hello, world |
| 2 | 2 |
| 3 # Hello, world | 3 # Hello, world |
| 4 | 4 |
| 5 Welcome to the Help Center! | 5 Welcome to the Help Center! |
| 6 | |
| 7 <div class="container"> | |
| 8 | |
| 9 <dl class="accordion"> | |
| 10 <dt role="heading" aria-level="3" class="accordion-heading"> | |
| 11 <button aria-expanded="true" aria-disabled="true" aria-controls="sect1" id=" heading1" class="accordion-toggle-button"> | |
| 12 <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-s econdary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", " Image alt text") }}"> | |
| 13 Section 1 Title | |
| 14 </button> | |
| 15 </dt> | |
| 16 <dd role="region" aria-labelledby="heading1" id="sect1" class="accordion-body" > | |
| 17 Section 1 Content | |
| 18 </dd> | |
| 19 | |
| 20 <dt role="heading" aria-level="3" class="accordion-heading"> | |
| 21 <button aria-expanded="true" aria-disabled="true" aria-controls="sect2" id=" heading2" class="accordion-toggle-button"> | |
| 22 <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-s econdary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", " Image alt text") }}"> | |
| 23 Section 2 Title | |
| 24 </button> | |
| 25 </dt> | |
| 26 <dd role="region" aria-labelledby="heading2" id="sect2" class="accordion-body" > | |
| 27 Section 2 Content | |
| 28 </dd> | |
| 29 | |
| 30 <dt role="heading" aria-level="3" class="accordion-heading"> | |
| 31 <button aria-expanded="true" aria-disabled="true" aria-controls="sect3" id=" heading3" class="accordion-toggle-button"> | |
| 32 <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-icon-s econdary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon", " Image alt text") }}"> | |
| 33 Section 3 Title | |
| 34 </button> | |
| 35 </dt> | |
| 36 <dd role="region" aria-labelledby="heading3" id="sect3" class="accordion-body" > | |
| 37 Section 3 Content | |
| 38 </dd> | |
| 39 </dl> | |
| 40 | |
| 41 </div> | |
| OLD | NEW |
« no previous file with comments
|
« no previous file
|
static/img/png/arrow-icon-secondary.png » ('j')
|
no next file with comments »
