範例程式碼很簡單,直接奉上,就不多廢話了 複製程式碼 程式碼如下: denotoggle <br /> #box { <br /> width: 100px; <br /> height: 100PX; <br /> background-color: #ddd <br /> } <br /> .show { <br /> visibility: hidden; <br /> } <br /> <br /> window.onload = function() { <br /> function toglemain() { <br /> var obj = document.getElementById("box"); <br /> if (obj.className == "") { <br /> obj.className = "show"; <br /> } else { <br /> obj.className = ""; <br /> } <br /> } <br /> var clickbutton = document.getElementById("toggle"); <br /> clickbutton.onclick = toglemain; //OnClick方法與Click事件 點擊一下Button,實際上是先執行OnClick方法,但是問什麼,同時還出發了Click事件呢?這是因為,OnClick方法內部觸發了Click事件。 <br /> } <br /> <br /> $(document).ready(function() { <br /> $(".btn1").click(function() { <br /> /* $("p#box").toggle(); */ <br /> $("#box").toggleClass("show"); <br /> }); <br /> }); <br /> javascript toggle jQuery Toggle 小夥伴們是否了解清楚了Javascript與jQuery方法的隱藏與顯示的方法了呢,需要的小伙伴自己來拿走吧。