bigskysoftware / bigskysoftware/_hyperscript

Activate Bootsrap's collapsing CSS transition with _hyperscript (and without Bootstrap JS)

Aperta
#252 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub
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

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.