Javascript Js:slideToggle（）如何正确使用它来显示和隐藏div

我有这个功能

JS

$(document).ready(function(){
$(".slidingDiv").hide();
$('.toggle-next-div').click(function(event){
event.preventDefault();
$(this).next().slideToggle();
});
});

HTML

<a href="#" class="toggle-next-div">Map</a>
<div class="slidingDiv">
<strong>Content</strong>
</div>

内容

现在我需要添加一个链接，将div隐藏在div本身中（我需要弹出窗口中的“close button”）

似乎我不能用同样的函数来关闭div

<div class="slidingDiv">
<a href="#" class="toggle-next-div">Close</a>// it doesn't work why?
<strong>Content</strong>
</div>

//它不起作用为什么？
内容

---

如何使用div中的“close”链接关闭窗口？

首先更改close div类，然后使用javascript代码 关闭//它不工作为什么？ 内容

试试这个

$(".toggle-next-div").click(function(){
    $(this).parents('.slidingDiv').slideUp();
});

---

在这种情况下，您应该使用

.nestest（）

或

.parent（）

方法，

$（this）.nestest（'.slidingDiv'）。slideUp（）

太好了，谢谢。

$(".toggle-next-div").click(function(){
    $(this).parents('.slidingDiv').slideUp();
});