document.getElementById('1').addEventListener('click', function() {
            var open = document.getElementById('1');
            var close = document.getElementById('7');
            open .style.display = 'none';
            close .style.display = 'table';
        });
        document.getElementById('2').addEventListener('click', function() {
            var open = document.getElementById('2');
            var close = document.getElementById('8');
            open .style.display = 'none';
            close .style.display = 'table';
        });
        document.getElementById('3').addEventListener('click', function() {
            var open = document.getElementById('3');
            var close = document.getElementById('9');
            open .style.display = 'none';
            close .style.display = 'table';
        });
      document.getElementById('4').addEventListener('click', function() {
            var open = document.getElementById('4');
            var close = document.getElementById('10');
            open .style.display = 'none';
            close .style.display = 'table';
        });
        document.getElementById('5').addEventListener('click', function() {
            var open = document.getElementById('5');
            var close = document.getElementById('11');
            open .style.display = 'none';
            close .style.display = 'table';
        });
        document.getElementById('6').addEventListener('click', function() {
            var open = document.getElementById('6');
            var close = document.getElementById('12');
            open .style.display = 'none';
            close .style.display = 'table';
        });
        document.getElementById('7').addEventListener('click', function() {
            var open = document.getElementById('1');
            var close = document.getElementById('7');
            close .style.display = 'none';
            open  .style.display = 'table';
        });
        document.getElementById('8').addEventListener('click', function() {
            var open = document.getElementById('2');
            var close = document.getElementById('8');
            close.style.display = 'none';
            open.style.display = 'table';
        });
        document.getElementById('9').addEventListener('click', function() {
            var open = document.getElementById('3');
            var close = document.getElementById('9');
            close.style.display = 'none';
            open.style.display = 'table';
        });
      document.getElementById('10').addEventListener('click', function() {
            var open = document.getElementById('4');
            var close = document.getElementById('10');
            close .style.display = 'none';
            open .style.display = 'table';
        });
        document.getElementById('11').addEventListener('click', function() {
            var open = document.getElementById('5');
            var close = document.getElementById('11');
            close.style.display = 'none';
            open.style.display = 'table';
        });
        document.getElementById('12').addEventListener('click', function() {
            var open = document.getElementById('6');
            var close = document.getElementById('12');
            close .style.display = 'none';
            open.style.display = 'table';
        });