bigskysoftware / bigskysoftware/_hyperscript
Activate Bootsrap's collapsing CSS transition with _hyperscript (and without Bootstrap JS)
- Langage dominant
- JavaScript
- Étoiles
- 3.8k
- Forks
- 171
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Description
* 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.
Guide de contribution
Aucun guide de contribution indexé pour ce dépôt
Piste de recherche
Commencez par le JSFiddle lié et la documentation sur l’utilisation de collapse de Bootstrap 5.0, puis examinez le click handler _hyperscript fourni et l’ordre dans lequel il modifie la classe #collapseme. Le travail est terminé lorsqu’il est déterminé pourquoi la transition CSS annoncée ne fonctionne pas sans Bootstrap JS et qu’une direction fonctionnelle est documentée ou démontrée.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 25/100