Cacher is the code snippet organizer for pro developers

/*Button with id toggleList*/
const toggleList = document.getElementById('toggleList');
/*div id list containing ul with lis*/
const listDiv = document.getElementById('list');
 
toggleList.addEventListener('click', () => {
  if (listDiv.style.display === 'none') {
  toggleList.textContent = 'Hide list';
   listDiv.style.display = 'block';
}else {
  listDiv.style.display = 'none';
  toggleList.textContent = 'Show list';
}})