How to show the list element one after one with fade in effect but not using fragment?

I understand from [tutorial Fragment Styles section](https://hackmd.io/slide-example?both#Fragment-Styles) that it is possible to show object one by one in slide mode with `.element: class="fragment"`.

```html
... a fragmented slide.
```

but I have a rather long list, like below

```md
- element 1
- element 1.1
- element 1.2
- element 1.3
- element 2
- element 2.1
- element 2.2
- element 2.3
```

I want its element to be showed orderly one by one. Instead of doing the following:

```md
- element 1
- element 1.1
- element 1.2
- element 1.3
- element 2
- element 2.1
- element 2.2
- element 2.3
```

do I have another neater option?