mootools - トグルボタンは、再度クリックするまでアクティブのままです。ムーツール

Question

私はこのページで作業しています：

質問の開閉を切り替えるボタンに、質問が閉じているときは「+」、開いているときは「-」を表示するようにします。コンテンツ「-」を追加するように「アクティブ」クラスを設定しましたが、答えが明らかになったときに「アクティブ」のままではありません。

.setStyle を js に追加しようとしましたが、それも何もしていないようです。

ここに私が今ボタンのためにやっていることのフィドルがあります:

score 2 · Accepted Answer

js を介して要素の疑似にアクセスすることはまったくできません。そのため、いくつかの新しいスタイルを作成し、代わりに親で作業します。

.tips_tricks button:after {
    content:"+";
}


.tips_tricks button.on:after {
    content:"-";
}

次にonClickでクラスを「オン」に切り替えて出来上がり。

別の関係を設定できる唯一の方法は、属性リンクを使用することです。

.tips_tricks button:after {
    content: attr(data-content);
}

それからel.set('data-content', '-');-これは信頼性が低いと思いますが。

1 に答える 1