アニメーションするトグルサイドバーを作ろうとしています。
hidebar クラスを追加して CSS3 Transition プロパティでサイドバーを非表示にしようとすると、完全に機能します。しかし、それはトグルであり、もう一度表示するとトランジションはありません。メニューはすぐに出てきます。
#page-content.hidebar {
transition: margin 0.3s ease;
margin-left: 0;
}
サイドバーを表示に切り替えるときに、トランジション プロパティを設定する方法を誰か提案できますか?
例としてフィドルを添付しています。