    <div class="header header-class">
        <div class="header-box header-box-class">
            <div class="setting setting-class">
                <i class="fa-light fa-gear"></i>
            </div>
            <div class="titlle-header titlle-header-class">
                 <h1><t>titlle_header_admin</t></h1>
            </div>
            <div class="menu-header menu-header-class">
                <i class="fa-light fa-gear"></i>
             </div>
        </div>
        <div class="header-hidden header-hidden-class">
            <div class="setting-hidden setting-class">
            </div>
            <div class="setting-hidden setting-class">
            </div>
              
        </div>
    </div>   
            
<script>
document.addEventListener("DOMContentLoaded", function() {
    const toggleBtn = document.querySelector(".toggle-langs-btn");
    const hiddenDiv = document.querySelector(".hidden-add-level1");

    toggleBtn.addEventListener("click", function() {
        if (hiddenDiv.style.display === "none" || hiddenDiv.style.display === "") {
            hiddenDiv.style.display = "block";
            toggleBtn.innerHTML = "<t>close_languages</t>";
        } else {
            hiddenDiv.style.display = "none";
            toggleBtn.innerHTML = "<t>add_languages</t>";
        }
    });
});
</script>
