javascriptを使用せずにグリフコンを回転するには？

Question

私はtwitterブートストラップを使用しています。私はglyphicon-menu-upです。アイコンをクリックすると、折りたたまれてコンテンツが展開されます。

しかし、アイコンをクリックすると、CSSを使用してアイコンを180度回転します。私はJavascriptを使用してそれを行う方法を知っています。しかし、私はCSSだけを使ってそれをやりたかったのです。ここで

この同様のQAが示唆するように、あなたが唯一の解決策CSSをしたい場合は、部分的に取り組んでJSFiddle Demo

Answer 1

あなたの例では、div要素に折りたたまれた状態をトリガするために、とにかくJavaScriptを使用しています。どちらの場合でも、開発コンソールからマークアップを見ると、クリックすると.collapsedクラスがトリガー（この場合はボタン）に追加されていることがわかります。

あなたはそれが働いて得るために、このを使用して、現在のCSSを変更することができます。

.collapsed .glyphicon-menu-up { 
    transform: rotate(180deg); 
} 

Example

Answer 2

で、試してみてください：アクティブ。

CSS3 transition on click using pure CSS