Скрыть один блок при нажатии на другой?

Question

[hypero]

Всем привет.

Помогите сделать, чтобы при нажатии на блок он появлялся, при нажатии на другой предыдущий скрывался, а этот открывался.
Нажатие происходит на строку, т.е на примере всего 2 строки.

https://codepen.io/anon/pen/vogWqb

Answer 1

[FeST1VaL]

Просто можно например скрыть все остальные и следом открыть нужный
$('.draw-modal').hide();

$('.table-balance__row').on('mousedown', function(){
    if($(this).find('.draw-modal').length>0) {
                $('.draw-modal').hide();
    		$(this).find('.draw-modal').show();
    		$(this).find('.table-balance__column').addClass('table-balance__column--active');
    	}
    });

Comments

[hypero]

Можно, чтобы когда закрывался первый блок, у него пропадал активный класс (border).

[FeST1VaL]

hypero,

$('.table-balance__row').on('mousedown', function(){
	if($(this).find('.draw-modal').length>0) {
		$('.draw-modal.shown').hide().parents('.table-balance__row').find('.table-balance__column').removeClass('table-balance__column--active');
		$(this).find('.draw-modal').show().addClass('shown');
		$(this).find('.table-balance__column').addClass('table-balance__column--active');
	}
});

[hypero]

Артем Будин, спасибо)