<script type="text/javascript">
	
	
	$(document).ready(function() {
		
		function defaultView() {
    
     $('#html').addClass('active'); 
      $('#output').addClass('active'); 
      $('#css').removeClass('active');
      $('#js').removeClass('active');
		
  }
  
  defaultView();
				
  $('.js-btn').on('click', function() {
	  
    const $this = $(this),
      $accordion = $('.accordion');

    $this.toggleClass('active');
    var totalActiveElements = $('button.active').length;
    
    // console.log(visible);
     // console.log($accordion.find('div'));
    

    if (totalActiveElements > 0) {
      $accordion.find('> div').removeClass('active');

      $('button.active').each(function(e) {
		  
		  console.log(this);
		  
        var id = '#' + $(this).data('for');
        
         //console.log(id);
        $(id).toggleClass('active');
      });

    } else {
			 
		// console.log($('.accordion').find('div'));
		
		   defaultView();
    }
  });
});
	
	</script>