Как скрыть часть блока?
.parent .block:nth-child(2) ~ .block{
  display: none
}
.parent.active .block:nth-child(2) ~ .block{
  display: block
}// jQuery
$('.button').on('click', function(){
  $('.parent').addClass('active');
});

// или не jQuery
document.querySelector('.button').addEventListener('click', function(){
  document.querySelector('.parent').classList.add('active');
});

// я не сумасшедший.
.parent .block:nth-child(2) ~ .block{
  display: none
}
.parent.active .block:nth-child(2) ~ .block{
  display: block
}// jQuery
$('.button').on('click', function(){
  $('.parent').addClass('active');
});

// или не jQuery
document.querySelector('.button').addEventListener('click', function(){
  document.querySelector('.parent').classList.add('active');
});

// я не сумасшедший.