bigskysoftware / bigskysoftware/_hyperscript

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

Offen
#252 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.