bigskysoftware / bigskysoftware/_hyperscript
Activate Bootsrap's collapsing CSS transition with _hyperscript (and without Bootstrap JS)
- Lingua principale
- JavaScript
- Stelle
- 3.8k
- Fork
- 172
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
* EDIT: replaced reference to jQuery with 'Bootstrap JS'
Hi, not sure if this is the right place to ask: I'm trying to leverage Bootsrap's CSS transitions for collapsing content (https://getbootstrap.com/docs/5.0/components/collapse/#usage), using only Hyperscript (without Bootstrap's JS).
For some reason I can't get it to work as advertised.
Here is the JS fiddle: https://jsfiddle.net/ex5bh78j/1/
And here is the _hyperscript snippet:
```html
_="on click
toggle .show on #collapseme
then add .collapsing to #collapseme then settle
then remove .collapsing from #collapseme then settle"
```
Any guidance would be appreciated.
Guida per i contributori
Nessuna guida per i contributori indicizzata per questo repository
Direzione di ricerca
Inizia con il JSFiddle collegato e la documentazione sull’uso di collapse di Bootstrap 5.0, quindi esamina il click handler _hyperscript fornito e la sequenza delle modifiche alla classe #collapseme. Il lavoro è completato quando si determina perché la transizione CSS pubblicizzata non funziona senza Bootstrap JS e si documenta o dimostra una direzione funzionante.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- javascript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Stato di attività
- Ferma
- Chiarezza
- Da chiarire
- Idoneità per principianti
- 25/100