Как следать переключатель класс .active в JS?

Question

[pytronus]

$(document).ready(function(){
$('#login-trigger').click(function(){
$(this).next('#login-content').slideToggle();
$(this).toggleClass('active');

if ($(this).hasClass('active')) $(this).find('span').html('▲')
else $(this).find('span').html('▼')
})
});
$(document).ready(function(){
$('#signup-trigger').click(function(){
$(this).next('#signup-content').slideToggle();
$(this).toggleClass('active');

if ($(this).hasClass('active')) $(this).find('span').html('▲')
else $(this).find('span').html('▼')
})
});
Стыдно спрашивать элементарщину, но в скриптах я не бумбум. В общем при данном скрипте присваивается класс эктив для элемента по которому кликают, а как сделать, что-бы этот класс убирался, когда кликают по другом элементу?

Answer 1

[Артём]

Способов много, выбирайте любой:

$(this).toggleClass('active');
// ...
if ($(this).hasClass('active'))
    $(this).removeClass('active');
else
    $(this).addClass('active');
// ...
element.classList.toggle('active');
// ...
if (element.classList.contains('active'))
    element.classList.remove('active');
else
    element.classList.add('active');

В вашем случае вероятно:

$(document).ready(function () {
    var loginBtn = $('#login-trigger');
    var signupBtn = $('#signup-trigger');

    loginBtn.click(function () {
        if (signupBtn.hasClass('active')) signupBtn.trigger('click');

        $(this).next('#login-content').slideToggle();
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) $(this).find('span').html('▲')
        else $(this).find('span').html('▼');
    });

    signupBtn.click(function () {
        if (loginBtn.hasClass('active')) loginBtn.trigger('click');

        $(this).next('#signup-content').slideToggle();
        $(this).toggleClass('active');

        if ($(this).hasClass('active')) $(this).find('span').html('▲')
        else $(this).find('span').html('▼');
    })
});

Comments

[pytronus]

Что-то ни один способ не помогает. Точнее они кое как работают, возможно я не так задал вопрос. Этот скрипт выдвигает 2 формы, нужно сделать, что-бы форма задвигалась, когда выдвигается вторая форма форма. И задвигалась, если кликают в любой точке тега body

[shurupkirov]

для этого есть анимация и css. у вас есть 2 состояния - активное и неактивно. для них и пишите CSS

[Артём]

pytronus: вопрос был задан следующим образом "как сделать, что-бы этот класс убирался, когда кликают по другом элементу?". Был дан соответствующий ответ.
Поправил код под ваши нужды, но наугад (слишком мало информации для полноценного ответа), попробуйте проверить снова.

[pytronus]

Артём: Спасибо большое

Answer 2

[Виктор]

Так есть же такая штука
$('здесь_идентификатор_элемента').removeClass('имя_класса');
поставьте ее где надо.