Question

在一个站里不同的页面中怎么用一个函数控制弹出框的显示与隐藏？

一个站里，有十多个页面，好多个页面里都有弹出框（内容不一样），结构如下：
<div id="tc">……<span class="x" onclick="dd();">X</span></div>
这就是弹出框的结构，有弹出框的页面都有一个按钮，一点就显示弹出框，<div id="su">确定</div>
一点弹出框上的那个X就关闭，
我的方法是这样的：
var tc=$('#tc');var x=$('#X');var su=$('#su');
su.on('click',function (){tc.show();});
function dd (){tc.hide();}
（所有站用的是一个script）这样虽然能实现，但有几个弹出框就要有几个id，就要有几个tc这样的获取，和几个.on()函数，还有dd函数，怎么用一个像dd函数这样的函数，通用的关闭整个站的弹出框呢，就好弹出关闭都能封装起来！

Answer 1

这个js写到一个.js文件里，然后所有页面都导入就行了
<script type="text/javascript" src="xxxx.js"></script>