你可以用CSS来完成。 看到这个简单的例子http://jsfiddle.net/rHSmV/(代码粘贴在下面)。
进行更深入的示例
/* Use a checkbox to workaround showing and hiding */
input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
}
label {
cursor: pointer;
}
/* Shown */
div.showhide {
display: inline;
}
/* Hidden */
input[type=checkbox]:checked ~ div.showhide {
display: none;
}
Show/Hide
Show and hide me without JavaScript!
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Show and hide me too without JavaScript!