どのように私はクラスをオフにするScriptaculousのEffects.Morphを使うのですか?
-
11-09-2019 - |
質問
ScriptaculousののEffect.MorphはCSSクラスを取り、時間をかけてそれを適用することができます。私は、ボタンがクリックされたときに拡張するdiv要素を持っているので、.expanded
クラスを適用するEffect.Morphを使用します。
今、私はdiv要素が再び閉じトグル、二クリックで.expanded
クラスを削除したいです。どのように私はそれを行うためにEffect.Morphを呼び出すことができますか?
解決
ドキュメントには、この程度 Effect.Morph を語ります
この効果はCSSのプロパティを変更します 要素のます。
あなたのdivが初期状態に戻すことができますので、あなたが最初のCSSプロパティを指定して、もう一度それを呼び出す必要がありますので、例えば(再び、ドキュメントから):
<div id="morph_demo" style="background:#cccccc; width:100px; height:100px;"></div>
<ul>
<li><a href="#" onclick="$('morph_demo').morph('background:#00ff00; width:300px;'); return false;">Click me for a demo!</a></li>
<li><a href="#" onclick="$('morph_demo').morph('background:#cccccc; width:100px;'); return false;" >Reset the demo!</a></li>
</ul>
また、あなたはの完全クラスを削除にプロトタイプを使用することができます>
$('yourDivId').removeClassName('yourClassId');
Scriptaculousのは、あなたが知らなかった場合には、 prototype.jsののに依存するため、2番目のオプションはあります実行可能な1。
最後に、あなたは(と思う)何にスタイルを設定することができます
$('yourDivId').setStyle(null);
所属していません StackOverflow