// Select all <tr> elements
const rows = document.querySelectorAll('tr');

// Add the onclick event to each <th> element
rows.forEach(row => {
    row.addEventListener('click', (event) => {
        // Get child elements with specific classes
        row.querySelectorAll('span.article, span.pronoun, span.ending').forEach(span => {
            // Toggle visibility
            if (span.style.display === 'none') {
                span.style.display = '';
            } else {
                span.style.display = 'none';
            }
        });
    });
});

function set_all(state) {
    document.querySelectorAll('span.article, span.pronoun, span.ending').forEach(span => {
        span.style.display = state;
    });
}