bigskysoftware / bigskysoftware/_hyperscript

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

オープン
#252 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
JavaScript
スター
3.8k
フォーク
172
PR マージ指標
30日以内にマージされた PR はありません

説明

* 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.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

リンクされている JSFiddle と Bootstrap 5.0 の collapse の使用方法に関するドキュメントから始め、次に、提供されている _hyperscript の click handler と、#collapseme クラスの変更を行う順序を調べてください。Bootstrap JS なしでは宣伝されている CSS transition が機能しない理由を特定し、動作する方向性を文書化または実証できれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
frontend
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
25/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。