私は、方法の好みになると信じている質問があります。次のコードで簡略化されたアクティブステート
のdiv親要素がクリックされたときに、div要素自体が膨張しても、私はそれだけでクラスを追加したり変更したかを簡単に考えていたアイコンがアニメーション
var slideSection6 = document.getElementById("manualsHandbooks").addEventListener("click", function()
{
if (this.parentElement.style.height == "60px" || this.parentElement.style.height == "")
{
this.parentElement.style.height = "215px";
document.getElementById("MAHB").classList.add("active");
}
else
{
this.parentElement.style.height = "60px";
document.getElementById("MAHB").classList.remove("active");
}
}, false);
をトリガーアイコンの状態を試して、別のクリックイベントをアイコンに追加してクリックしてアニメーション化し、divの親要素をアクティブにしたいと考えました。基本的には上記の逆です。
私はそれが
|| document.getElementId("MAHB").classList.add=("active") == true
の効果にif文に別の条件を追加するのと同じくらい簡単だろうと思った。しかし、これは動作しませんし、私はそれが正しい形式ではありません知っています。誰かが私を始めて私がこれを理解することができるだろうか?
無関係が、IMO要素の高さで、ビジネス・ロジックを埋め込むことはやって本当に大雑把な方法でありますこの。最悪の場合はクラスベースで、DOMから完全に取り除く方がよいでしょう。 –
'|| document.getElementId( "MAHB")。classList.indexOf( "active")> -1'はあなたが探しているものですか? –
いいえ、2回目のクリックでスクリプトが実行されないためです –