jquery-uiのtoggleClass(期間付き)を使用して、CSSですでに色が明示的に設定されている要素に色付きのクラスを追加しようとしています。
切り替えているクラスの色に「!important」のタグを付けない限り、移行が完了すると、この色は固定されません。「!important」に設定すると、期待どおりに一方向に色が薄くなりますが、他の方向にはスムーズに戻りません。
以前に回避策として実装した解決策の1つは、2色のシナリオを想定し、toggleClassを使用する代わりに、 jqueryのアニメーションを使用してホバーイベントの色を手動で設定することでした。ただし、この効果を適用する前に要素の開始色がわからない状況でこれを使用しようとしています。
両方向へのスムーズな移行を実現する方法についてのアイデアをいただければ幸いです。
このjsfiddleを参照してください:http://jsfiddle.net/BM6NT/