Javascript 带有关闭按钮的Jquery组合切换

我想有所成就，但令人惊讶的是，我无法在网上找到任何代码。jquerytoggle函数很棒，但我还想将它与扩展div中的“close”按钮结合起来。这样，您可以在外部用按钮切换打开它，但在内部也有一个“close”按钮来关闭它。下面显示了我尝试但未成功的内容：

以下是我开始使用的切换代码：

我想我需要一个按钮里面有这样的东西：

$('#close').click(function() {
  $('#country_slide').hide('slow', function() {
  });
});

下面是一个工作版本：-Javascript是：

$(document).ready(function(){  
    $('#country').click(function () {
        $("#country_slide").slideToggle();
    });

    $('#close').click(function (e) {
        e.preventDefault();
        $('#country_slide').slideToggle();
    });
});

我更新了HTML：

<div id="country_slide">test<a href="#" id="close">Close</a></div>

测试
这里有一个工作版本：-Javascript是：

$(document).ready(function(){  
    $('#country').click(function () {
        $("#country_slide").slideToggle();
    });

    $('#close').click(function (e) {
        e.preventDefault();
        $('#country_slide').slideToggle();
    });
});

我更新了HTML：

<div id="country_slide">test<a href="#" id="close">Close</a></div>

测试
在“郡”幻灯片中创建一个按钮

在“县”幻灯片中创建一个按钮

您只需使用关闭和打开

检查

您只需使用关闭和打开

检查

好了，你把JS代码删掉了，剩下的只有HTML了。好了，你把JS代码删掉了，剩下的只有HTML了。
 $('#country').click(function () {
    $("#country_slide").slideDown();
});

$('#close').click(function () {
   $('#country_slide').slideUp();
});