Без 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';
});