Javascript 单击链接图像以关闭/隐藏div

这就是我目前所拥有的。我尝试过不同的解决方案，但我遗漏了一些东西(

这是我的html：

<div class="container"><a class="close-x" href="#">
    <img src="x-close.png" alt="x-close" width="30" height="30" /></a>
<div class="box">Content goes here</div></div>`

下面是我对脚本的尝试

使用

document.ready（）

而不是

window.load（）

你可以进一步简化你的代码

试试这个：

$(document).ready(function () {
    $('.close-x').click(function () {
        e.preventDefault();
        $('.box').slideToggle();
    });
});

---

首先，您的小提琴缺少jquery库

其次，不要使用窗口加载，而是使用文档就绪事件

以下是您如何做到这一点：

    $(function () { // short way of writing document.ready
    $('div.container a.close-x').click(function (e) {

        e.preventDefault();
        var div = $(this).next('.box').slideToggle();
    });

});

---

您的代码没有问题，只需要稍加修改

您只需要在fiddle中包含jquery

无论fiddle的

JavaScript

窗口中有什么代码，该代码都会复制到

窗口中。加载

，但当您不在fiddle上时，请确保将代码添加到

窗口中。加载

或

文档。就绪

---

你的提琴不包括jquery，把它添加到左上角。你能在回答中提供更多的上下文吗？仅仅发布代码片段是不可取的。

    $(function () { // short way of writing document.ready
    $('div.container a.close-x').click(function (e) {

        e.preventDefault();
        var div = $(this).next('.box').slideToggle();
    });

});

$(window).load(function(){
  $('.close-x').click(function(e){
     e.preventDefault();
     var div =$('div.box').slideToggle(); 
  });
});

$(window).load(function()
//your code is copied here by default in fiddle at runtime
});