Jquery結合切換和關閉按鈕

Question

我想實現某些目標，但令人驚訝的是無法在線查找任何代碼。 jquery切換功能非常好，但我也想將它與擴展div內的「關閉」按鈕組合在一起。這樣你可以用外部按鈕切換它，但也有一個「關閉」按鈕關閉它。下面顯示了我試過沒有成功：

下面是切換代碼我開始與： http://jsfiddle.net/uhEgG/

$(document).ready(function(){ 

$("#country_slide").hide(); 
$("#country").show(); 

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

我想我需要一個按鈕裏面，做這樣的事情：

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

Answer 1

這裏有一個工作版本：http://jsfiddle.net/uhEgG/2/ - 的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> 

Answer 2

在 「#county_slide」

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

Answer 3

您可以簡單地使用slideUp爲密切和slideDown爲開放
檢查fiddle創建一個按鈕

$('#country').click(function() { 
    $("#country_slide").slideDown(); 
}); 

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