这是HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>公共测试页</title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> function switchSearch(o) { var hit = $(o).data(‘hit‘); if (hit === 0) { o.innerHTML = "浙江农林大学"; $(o).data(‘hit‘, 1); } else { o.innerHTML = "环境与资源学院"; $(o).data(‘hit‘, 0); } } </script> <style type="text/css"> body { margin: 0; padding: 0; } div { background: #0062A7; width: 100px; height: 100px; margin: 10px; text-align: center; float: left; } </style> </head> <body> <div id="div1" onclick="switchSearch(this)" data-hit="0">模块一</div> <div id="div2" onclick="switchSearch(this)" data-hit="0">模块二</div> <div id="div3" onclick="switchSearch(this)" data-hit="0">模块三</div> </body> </html>
自己写的一个类似于jQuery中的toggle函数,布布扣,bubuko.com
原文：http://www.cnblogs.com/shanligang/p/3921489.html