Показать сообщение отдельно
  #3 (permalink)  
Старый 05.08.2019, 12:03
Аватар для MC-XOBAHCK
Профессор
Отправить личное сообщение для MC-XOBAHCK Посмотреть профиль Найти все сообщения от MC-XOBAHCK
 
Регистрация: 06.08.2017
Сообщений: 473

Без jQuery по условиям задачи:
<style>#block_title {display: none}</style>

<div id="block_title">БЛОК TITLE</div>
<div class="block_main">БЛОК MAIN - на него нажимать</div>

<script>
    document.querySelector('.block_main').addEventListener('click', function() {
        var blockTitle = document.querySelector('#block_title'),
            valDisplay = blockTitle.style.display;

        if (valDisplay == '' || valDisplay == 'none') {
            blockTitle.style.display = "block"
        }
        else {
            blockTitle.style.display = "none"
        }
    });
</script>


Тоже самое, только чуть компактней в коде:
document.querySelector('.block_main').addEventListener('click', function() {
    var blockTitle = document.querySelector('#block_title'),
        valDisplay = blockTitle.style.display;

    blockTitle.style.display = valDisplay == '' || valDisplay == 'none' ? 'block' : 'none';
});
Ответить с цитированием