を使用してdivにアタッチされているCSS三角形を非表示にしたいのですが、:before
実装するこのソリューションに出くわしました:https://stackoverflow.com/a/11354393/998117
ただし、jQueryが機能していません。
$(".contact input[type='submit']").click(function(event) {
event.preventDefault();
$(".contact .inner").addClass("hidden");
...
(はい、呼び出されます。)
これは私のCSS / SASSがどのように見えるかです:
.contact {
background: #3c6ea5;
color: #fff;
display: none;
height: 500px;
.hidden:before {
display: none;
}
.inner {
margin: auto;
padding-top: 20px;
position: relative;
width: 400px;
&:before {
border: solid;
border-color: #3c6ea5 transparent;
border-width: 14px 16px 0 16px;
bottom: -107px;
content: "";
display: block;
position: absolute;
right: -50px;
}
.hidden:before {
display: none;
}
}
...
なぜそれを隠さないのですか?私は何が間違っているのですか?
あなたのSassは少しオフになっているはずです:
.inner {
&.hidden:before {
display: none;
}
}
非表示になる前の&に注意してください
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加