Закрыть блок по клику на «крестик»?

Question

[Чёкатилло]

Помогите плиз, дописать имеющийся скрипт, что бы в нем была и отдельная кнопка, которая закрывает блок:

var block = document.querySelector('#id_блока');
var button= document.querySelector('#id_кнопки');

button.onclick = function() {
  if (!block) {
    return;
  }

  block.hidden= !block.hidden;
};

Спасибо за внимание!

Answer 1

[Павел Корнилов]

Да по этому принципу можно на что угодно повесить закрытие блока, можно вынести в отдельную функцию саму процедуру и навешивать на любое число элементов:

document.querySelector('#id_1кнопки').onclick = closeBlock;
document.querySelector('#id_2кнопки').onclick = closeBlock;
document.querySelector('#id_3кнопки').onclick = closeBlock;
  
function closeBlock () {
	var block = document.querySelector('#id_блока');
	if (!block) {
    return;
  }
	
	return block.hidden= !block.hidden;
}

Comments

[Чёкатилло]

извиняюсь, а чего три кнопки Они все только закрывают?

[Павел Корнилов]

Да, согласно САБЖ. Когда открыто - закрывают и наоборот.
Просто показал, что одну и ту же функцию можно использовать в качестве обработчика на разных объектах и/или событиях.

[Чёкатилло]

KorniloFF: Спасибо! кроче, не праильно я объяснял, что мне нуно Присоединяйтесь: Открыть/закрыть блок id из плагина?

Answer 2

[Алексей]

var block = document.querySelector('#id_блока');
var button= document.querySelector('#id_кнопки');
button.onclick = function() {
  if (block.style.display === 'none') {
    block.style.display = 'block';
  } else {
    block.style.display = 'none';
  };
  return;
};