JS：的slideToggle（）如何使用它正確顯示和隱藏一個div

Question

我有這個功能

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本身（我需要「關閉按鈕」彈出窗口）。

看來我不能用同樣的功能來關閉這樣

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

股利如何關閉與鏈接「親密」的DIV中關閉窗口？

Answer 1

首先更改關閉div類，然後使用javascript代碼 關閉//它不工作爲什麼？ 內容

$(document).ready(function(){ 

    $(".slidingDiv").hide(); 

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

    //newly added code for close button 
    $('.toggle-next-div2').click(function(event){ 
    event.preventDefault(); 
    $(".slidingDiv").slideToggle(); 
    }); 

}); 

Answer 2

試試這個，

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

http://jsfiddle.net/nKzXJ/1/