Добрый день!
На некоторых сайтах есть опции показа, в которых можно скрыть некоторые элементы (флаги, картинки званий, подписи и т.д). Для примера сайт rutracker:
Мне стало интересно, можно ли добавить все комментарии под спойлер, чтобы они появлялись только после нажатия на кнопку?
Можно, только тут нужен не CSS, а скрипт. Конкретно для Рутрекера:
Выделить код
Код:
document.addEventListener('DOMContentLoaded', function() {
let topic = document.querySelector('#topic_main');
let comments = topic.querySelectorAll('tbody:nth-of-type(n+3)');
let showHide = function() {
for (let c of comments)
c.style.display = (c.style.display == 'none') ? '' : 'none';
};
let button = document.createElement('input');
button.type = 'button';
topic.parentNode.insertBefore(button, topic.nextSibling);
button.value = ' Show/hide comments ';
button.style.cssText = 'float: right; margin: 5px 0;';
button.onclick = showHide;
showHide();
});Yeesha пишет
только тут нужен не CSS, а скрипт
А как им пользоваться?
Orehis
Например, через Tampermonkey. Создать там новый скрипт, вставить в него код из предыдущего поста, а в заголовке скрипта прописать:
Yeesha, огромное спасибо!
Orehis пишет
Yeesha пишеттолько тут нужен не CSS, а скрипт
А как им пользоваться?
JavaScript можно через тег <script> подключить