Почему, когда я пытаюсь скрыть свой треугольник CSS с помощью jQuery, добавив класс, это не работает?

Question

Почему, когда я пытаюсь скрыть свой треугольник CSS с помощью jQuery, добавив класс, это не работает?

0

Я хочу скрыть свой CSS-треугольник, который прикреплен к div, используя :before, и я наткнулся на это решение для реализации: qaru.site/questions/347867/...

Однако мой 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;
        }
    }
    ...

Почему это не скрывает это? Что я делаю не так?

Doug Smith 21 сен. 2013, в 23:03

Источник

Теги:

javascript

jquery

html

sass

css

1 ответ

Ещё вопросы

Chausser · Accepted Answer · 2013-09-21T18-59-00.000Z

Ваш Sass отключен немного, должно быть:

.inner {

    &.hidden:before {
        display: none;
    }
}

Обратите внимание на & before hidden