bigskysoftware / bigskysoftware/_hyperscript
Activate Bootsrap's collapsing CSS transition with _hyperscript (and without Bootstrap JS)
- 主要言語
- 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