bigskysoftware / bigskysoftware/_hyperscript

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

Ouverte
#252 2 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.