Как при открытии блока закрыть предыдущий?

Question

[alexru3k]

Здравствуйте! Есть скрипт в который передается id, при клике по блоку с этим id появляется блок с текстом, при повторном клике закрывается, как сделать чтобы если один блок уже открыт при попытке открыть любой другой первый закрывался (т.е. чтобы открыт всегда был только один)

( function team() {
jQuery(document).ready(function() {
	var team_id = jQuery('#<?php $team_id = the_ID()?>-team');
    jQuery(team_id).click(function() {
        if(!jQuery(team_id).hasClass('openCard'))
        {
            jQuery(team_id).addClass('openCard');
            jQuery(team_id + '.team-text').css("display", "block");
        }
        else
        {
            jQuery(team_id).removeClass('openCard');
            jQuery(team_id + '.team-text').css("display", "none");
        }
    })
} );
})();

Comments

[Сергей Карвасарный]

просто перед тем как ты проверяешь какой открыть блок закрываешь все блоки с таким классом. Получается ты нажал все блоки закрылись и потом следом открылся блок который должен открыться после нажатия.

[alexru3k]

Сергей Карвасарный, у меня так не стало работать, может я не так поняла?

( function team() {
jQuery(document).ready(function() {
	var team_id = jQuery('#<?php $team_id = the_ID()?>-team');
    jQuery(team_id).click(function() {
		jQuery('.team-text').css("display", "none");
        if(!jQuery(team_id).hasClass('openCard'))
        {
            jQuery(team_id).addClass('openCard');
            jQuery(team_id + '.team-text').css("display", "block");
        }
        else
        {
            jQuery(team_id).removeClass('openCard');
            jQuery(team_id + '.team-text').css("display", "none");
        }
    })
} );
})();

[Роман]

Сергей Карвасарный:

просто перед тем как ты проверяешь какой открыть блок закрываешь все блоки с таким классом

alexru3k:

у меня так не стало работать, может я не так поняла

как тут можно не так понять фразу "перед тем как ты проверяешь какой открыть блок закрываешь все блоки с таким классом"?

вот то что предлагает сделать Сергей Карвасарный:

( function team() {
jQuery(document).ready(function() {
  var team_id = jQuery('#<?php $team_id = the_ID()?>-team');
    jQuery(team_id).click(function() {
        // закрываем все блоки с классом openCard
        // не работал с jQuery поэтому не знаю можно ли следующие 2 строки написать как jQuery('.openCard').css("display", "none").removeClass('openCard'); и пишу их по отдельности
        jQuery('.openCard').css("display", "none");
        jQuery('.openCard').removeClass('openCard');

        if(!jQuery(team_id).hasClass('openCard'))
        {
            // открываем блок на который нажали и добавляем ему класс openCard
            jQuery(team_id).addClass('openCard');
            jQuery(team_id + '.team-text').css("display", "block");
        }
    })
} );
})();

[alexru3k]

Роман, ваш вариант, при повторных кликах вообще все блоки скрыл. в итоге у меня заработал такой вариант

( function team() {
jQuery(document).ready(function() {
	var team_id = jQuery('#<?php $team_id = the_ID()?>-team');
    jQuery(team_id).click(function() {
        if(!jQuery(team_id).hasClass('openCard'))
        {
			jQuery('.team-card').removeClass('openCard');
            jQuery(team_id).addClass('openCard');
            jQuery(team_id + '.team-text').css("display", "block");
        }
		else
        {
            jQuery(team_id).removeClass('openCard');
			jQuery(team_id + '.team-text').css("display", "none");
        }
    })
} );
})();

[Роман]

alexru3k, это не мой вариант, я всего лишь выразил в коде вариант Сергей Карвасарный

просто перед тем как ты проверяешь какой открыть блок закрываешь все блоки с таким классом

[alexru3k]

Роман, Сергей Карвасарный, главное решение найдено. Спасибо всем за помощь.

[Сергей Карвасарный]

alexru3k, вот простейший не очень красивый пример) но принцип тот-же

[Сергей Карвасарный]

alexru3k, просто у тебя скрытие через класс идет, соответственно его просто убирать нужно и он пропадет) тут сам принцип понять нужно) что если ты хочешь скрыть все и открыть который ты нажал то нужно в проверке где ты делаешь видимым блок который ты нажал сделать все блоки невидимыми, у тебя код сверху в низ читается) соответственно он все скроет а следом откроет тот который ты нажал)