04. Locked-Profile

function lockedProfile() {
    let button = Array.from(document.querySelectorAll('button'));
    button.forEach((but) => but.addEventListener('click', showHidden));

    function showHidden(e) {
        let unlock = e.target.parentElement.querySelector('input[value="unlock"]')
        let lock = e.target.parentElement.querySelector('input[value="lock"]')
        let hidden = e.target.previousElementSibling;
        if (unlock.checked) {
            if (hidden.style.display === '') {
                hidden.style.display = 'block';
                e.target.textContent = 'Hide';
            } else {
                hidden.style.display = '';
                e.target.textContent = 'Show more';
                unlock.checked = false;
                lock.checked = true
            }
        }
    }
}