function myFunction() { var element = document.getElementById("one1"); element.classList.toggle("one2"); var element = document.getElementById("two1"); element.classList.toggle("two2");}<style>#section{margin-left:50px;margin-right:50px}#monbouton{float:right;font-size:25px;width:50px;height:50px;background-color:#F1F1F1;border:1px solid ##F1F1F1}#one1{float:left;width:40%;height:100px;border:1px solid blue}.one2{width:10% !important;height:200px;border:1px solid red !important;}.one2 #afairedisparaitre{display:none}#two1{float:right;width:59%;height:100px;border:1px solid green}.two2{width:89% !important}</style><!DOCTYPE html><html><body><div id="section"><div id="one1"><button id="monbouton" onclick="myFunction()">↔</button> <div id="afairedisparaitre">This is DIV #one1<br /> Button toggle to CLASS .one2<br /> and reverse</div></div> <div id="two1">This is DIV #two1<br /> Button toggle to CLASS .two2<br /> and reverse</div></div></body></html>我正在嘗試縮小我網站的左側，以便用戶覺得更舒適時可以擁有更寬的右側。我缺少的是一種在加載其他頁面時可以在整個站點上保留選擇的方法，直到用戶再次單擊為止。也許解決方案是在 "localStorage" 的 js 中多寫幾行？我真的很感激任何幫助。
切換一次更改 2 個 DIV 寬度 + localStorage
尚方寶劍之說
2022-11-11 13:06:01
