Что прописать в консоль, чтобы скрыть изначально открытое поле для ввода комментария к статье?

Question

[dollar]

Да, я знаю, что если кликнуть по любой кнопке "Ответить", то главное поле для ввода комментария само сворачивается. Но так делать нельзя. Поэтому такой чит не предлагайте, пожалуйста:

Чит

document.querySelector('.comment__footer-link').click();

Смысл как раз в том, чтобы свернуть этот спойлер, но другие окна ввода комментария не открывать при этом.
Как это сделать?

Answer 1

[ReActor Дмитрий Вершанский]

<details>
   <summary>Спойлер</summary>
   <p>Седержимое</p>
</details>

Не подойдет?

Comments

[dollar]

Спасибо за идею.
Я уже готов был воспользоваться таким вариантом, но потихоньку начал ковырять и всё же расковырял. Но вы задали направление (хоть и не совсем то). В итоге удалось обойтись без обертки, но пришлось написать свою сворачивалку-разворачивалку, которая не противоречит самому Хабру.

Решение

//Скрывать форму для комментариев по умолчанию
function hideCommentFormByDefault() {
	let comment_text = document.querySelector('.comment-form__title-text'); //Текст "Написать комментарий" (span)
	let editor = document.querySelector('.comment-form_wrapper'); //Редактор плавает между ответами. Это один и тот же элемент всегда.
	if (!(comment_text && editor)) return console.log('TC Error: comment_text or editor no found');
	let comment_div = comment_text.parentNode;
	const CLOSED = 'comment-form__title comment-form__title_listened';
	const OPENED = 'comment-form__title';
	if (!(comment_div && comment_div.className == OPENED))
		return console.log('TC Error: comment form not found!',comment_div && comment_div.className);
	let spoiler_status = true; //true means hidden --> we will hide it below
	let remove_fn = function() { //any click --> we must show the form
		if (!spoiler_status) return;
		editor.style.display = '';
		comment_text.removeEventListener('click',onclick);
		spoiler_status = false;
	}
	let onclick = function() {
		remove_fn();
		comment_div.className = OPENED; //Если кликнули по надписи, то нужно также поменять её текст.
	}
	document.querySelectorAll('.comment__footer-link').forEach(e=>e.addEventListener('click',()=>{ //WTF?? Need neat fix!
		remove_fn();
	}));
	comment_text.addEventListener('click',onclick);
	//Меняем стиль текста-кнопки и скрываем редактор
	comment_div.className = CLOSED;
	editor.style.display = 'none';
}

hideCommentFormByDefault();

P.S. Добавил в расширение для хрома.