示例代码很简单，直接奉上，就不多废话了 复制代码 代码如下: 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方法的隐藏与显示的方法了呢，需要的小伙伴自己来拿走吧。
