<p>我正在尋找一個解決方案，當我懸停在一個按鈕上時，會彈出一個子選單。目前只有在點擊時才顯示選單。有人知道我需要改變什麼，以便當懸停在一個按鈕上時菜單顯示出來，而點擊時菜單保持在那裡。 </p> <p>解決方案：將懸停改為mouseover。 </p> <p><strong>有人知道如何讓滑鼠懸停時不顯示所有部分（sect1...）嗎？ </strong></p> <pre class="brush:php;toolbar:false;"><script> var divs var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); btn1.mouseover = function(event){ event.preventDefault(); toggleDivs("sect1"); }; btn2.mouseover = function(event){ event.preventDefault(); toggleDivs("sect2"); }; btn3.mouseover = function(event){ event.preventDefault(); toggleDivs("sect3"); }; function toggleDivs(s){ //reset document.getElementById("sect1").classList.remove("shown"); document.getElementById("sect2").classList.remove("shown"); document.getElementById("sect3").classList.remove("shown"); //show document.getElementById(s).classList.add("shown"); } //force button1 state initialise, if required //btn1.focus(); //btn1.click(); </script> <style> .elementor-editor-active .hidden{ display:block; } .hidden{ display:none; } .shown{ display: block !important; } </style></pre></p>