Как сделать закрытие блока по наджатию на другой блок?

Question

[BadassRolf]

Есть такой код:
<a href="#" id="block<?=ID?>">Блок <?=ID?></a>

<div id="hidden_content<?=ID?>" class="catalog_description">Описание блока <?=ID?></div>

<script>
$("#block<?=ID?>").click(function(){
$("#hidden_content<?=ID?>").toggleClass("expand");
});
</script>

На выходе получается:

<a href="#" id="block1">Блок 1</a>
<a href="#" id="block2">Блок 2</a>

<div id="hidden_content1" class="catalog_description">Описание блока 1</div>
<div id="hidden_content2" class="catalog_description">Описание блока 2</div>

Суть вопроса: Как сделать так, что при нажатии на "Блок 2"(при учете того, что у нас открыть Блок 1), закрывался Блок 1 и оставался открытым только "Блок 2" и наоборот.

Answer 1

[alvvi]

$("#block<?=ID?>").click(function(){
  $('.catalog_description').removeClass("expand");
  $("#hidden_content<?=ID?>").toggleClass("expand");
});

Comments

[BadassRolf]

Спасибо, работает.

Answer 2

[Stalker_RED]

<a href="#" data-target="content1">Блок 1</a>
<a href="#" data-target="content2">Блок 2</a>

<div id="content1">Описание блока 1</div>
<div id="content2">Описание блока 2</div>

$('a').on('click', function(){
  let id = $(this).data('target')
  $(id).toggleClass("expand")
})