accordion.examples.custom-html.use-case.md

0.3: Accordion Custom HTML

Primary Actor: User

Scope: Ngx-bootstrap DEMO / BS version 3&4

Goal: Show example of accordion items with custom html inside

Main success scenario:

1. User open Accordion demo page
2. User click on Custom HTML sub-menu
3. User see 2 accordion items, initially not expanded
4. First item have additional span block with "Some HTML here" text
5. After click on the first item, it is opened
6. Second item don't have any additional html with closed state
7. After click on the second item, it is opened and there is a span block with text "And some HTML here"

Extensions:

5a. If item is opened, after click on item it is closed

Variations:

2*. User scroll to Custom HTML sub-menu