Untitled

<html>
    <head>
        <meta charset="utf-8">
        <style>
            .hidden {display: none}
            .kolorki {color: crimson; margin: 30px; border: 3px solid blue; padding: 20px;}
        </style>
    </head>

    <body>
        <div id="ukryty" class="hidden">
            <h1>Wybierz konfiguracje</h1>

        Wybierz procesor
        <select id="procek">
            <option value="i3">Intel Core I3</option>
            <option value="i5">Intel Core I5</option>
            <option value="Ryzen">AMD Ryzen</option>
        </select>
    </div>


        <button id="przycisk" onclick="moja_funkcja()" type="button">Pokaż</button>


    </body>
</html>

    <script>
        function moja_funkcja() {
            var diw = document.getElementById('ukryty');
            var przycisk = document.getElementById('przycisk');


            if (diw.classList.contains('hidden')) {
                diw.classList.remove('hidden');
                diw.classList.add("kolorki");

                przycisk.firstChild.data="Ukryj";
                } else {
                    diw.classList.add('hidden');
                    diw.classList.remove('kolorki');
                    przycisk.firstChild.data="Pokaż";
                }
        }


    </script>