bigskysoftware / bigskysoftware/_hyperscript
Activate Bootsrap's collapsing CSS transition with _hyperscript (and without Bootstrap JS)
- Vorherrschende Sprache
- JavaScript
- Sterne
- 3.8k
- Forks
- 172
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
* 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.
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Beginne mit der verlinkten Dokumentation zur Verwendung von JSFiddle und Bootstrap 5.0 collapse und untersuche anschließend den bereitgestellten _hyperscript click handler sowie die Reihenfolge, in der er die Änderungen an der Klasse #collapseme vornimmt. Als erledigt gilt, den Grund zu ermitteln, warum die beworbene CSS transition ohne Bootstrap JS nicht funktioniert, und eine funktionierende Richtung zu dokumentieren oder zu demonstrieren.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Muss geklärt werden
- Anfängerfreundlichkeit
- 25/100