Jquery 展示 div 点击链接时

我正在努力展示 / 隐藏 div 通过 jquery 单击链接时。 我把它放在我的脑海里。:


<script type="text/javascript"> 
$/"#attach_box"/.click/function {
$/"#sec_box"/.show//
}/;
</script>


我有一个如下所示的链接:


<a href="#" id="attach_box">+ Add a Postal Address /If Different/</a>


和 div, 这看起来像这样:


<div id="sec_box" style="display: none;">
Hello world!!
</div>


它不起作用,我无法理解为什么。 有任何想法吗?
已邀请:

诸葛浮云

赞同来自:

您需要附上处理程序
http://api.jquery.com/click/
在 document.ready, 确保这一点 DOM 下载了浏览器,所有项目都可用:


<script type="text/javascript"> 
$/function// {
$/'#attach_box'/.click/function// {
$/'#sec_box'/.show//;
return false;
}/;
}/;
</script>


另外,你忘了放一个括号
//

在处理程序中的匿名函数旁边
click

.

董宝中

赞同来自:

大概, DOM 尚未充分装载。


<script type="text/javascript"> 
$/document/.ready/function//
{
$/"#attach_box"/.click/function// {
$/"#sec_box"/.show//
}/;
}/;
</script>


将其放在头部并将初始化代码放在那里。

要回复问题请先登录注册