このアニメーションと同じ効果です。最初はpが非表示になっています。ボタンをクリックすると表示され、アニメーション効果があります。非表示の場合も同様です。しかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?
为情所困2017-06-30 10:01:55
もっとシンプルなアイデアは次のとおりです:
ブロックを隠す必要はありません。高さを0に設定するだけで非表示になります
アニメーション効果を実現するにはtransition
を使用してください
使用する必要はありませんhidden
和show
两个类名来控制,其实它就只有两种状态,所以可以认为无show
隠すだけです
また、show()
和hide()
分开绑定,其实你这个按钮点一下是展开,再点一下隐藏,用一个toggle()
表示状態を切り替えるだけで書く必要はありません
コードに次のようにいくつかの変更を加えました:
https://jsfiddle.net/boxsnake...