このアニメーションと同じ効果です。最初はpが非表示になっています。ボタンをクリックすると表示され、アニメーション効果があります。非表示の場合も同様です。しかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?
闭关修行中......
トランジションを使ってみる: デモ
もっとシンプルなアイデアは次のとおりです:
ブロックを隠す必要はありません。高さを0に設定するだけで非表示になります
アニメーション効果を実現するにはtransitionを使用してください
transition
使用する必要はありませんhidden和show两个类名来控制，其实它就只有两种状态，所以可以认为无show隠すだけです
hidden
show
また、show()和hide()分开绑定，其实你这个按钮点一下是展开，再点一下隐藏，用一个toggle()表示状態を切り替えるだけで書く必要はありません
show()
hide()
toggle()
コードに次のようにいくつかの変更を加えました: https://jsfiddle.net/boxsnake...
リーリー
この問題はCSS3で解決できます（IEとの互換性が必要ない場合）
jqueryで実装できますか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
トランジションを使ってみる:
デモ
もっとシンプルなアイデアは次のとおりです:
ブロックを隠す必要はありません。高さを0に設定するだけで非表示になります
アニメーション効果を実現するには
transitionを使用してください使用する必要はありません
hidden和show两个类名来控制，其实它就只有两种状态，所以可以认为无show隠すだけですまた、
show()和hide()分开绑定，其实你这个按钮点一下是展开，再点一下隐藏，用一个toggle()表示状態を切り替えるだけで書く必要はありませんコードに次のようにいくつかの変更を加えました:
https://jsfiddle.net/boxsnake...
リーリー
この問題はCSS3で解決できます（IEとの互換性が必要ない場合）
jqueryで実装できますか?
リーリー