效果如下:
单一按钮显示与隐藏可来回切换
代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>单一按钮显示隐藏</title>
<style type="text/css">
body,div,ul,li,h2{
margin: 0;padding: 0;}
body{
font: 12px/1.5 Tahoma;}
ul{
list-style-type:none;}
#outer{
width: 200px