Attribut Selektor manipulieren mit Javascript

[einsiedler]

Hallo liebe Forumer,

Frage, WIE löscht man ein Attribut Selektor wie den in meinem Fall hier:

<button hidden="botton hidden" aria-expanded="undefined"><span class="visually-hidden">HauptNavigation</span></button>

in meinem CSS steht : [hidden] + .nav-group { display: block !important;}

Bei aktiviertem java-script soll dieser Attribut Selektor im html nicht mehr stehen.

Bitte NICHTs mit klick-event (wegen botton und so, NEIN ich benötige ihn NUR bei ausgeschaltetem Javascript , bei aktiviertem javascript soll dieser Attribut Selektor nicht vorhanden sein.

Bitte den Beispielcodezeile, keine Verlinungen, denn

showHide = function(){ document.querySelector('botton[hidden]').classList.remove('[hidden]'); }

funktioniert nicht! Ist wohl nicht die Richtige herangehensweise.

der einsiedelnde