JQuery UI自动完成-单击一次显示，再单击一次隐藏

我有一个自动完成：

$('#plemena_select').click(function() {
    $('#col4_filter').autocomplete("search", "");
    $('#col4_filter').focus(); 
});

我想有一个链接。如果“自动完成”不可见，单击链接将显示它。如果“自动完成”是可见的，则单击将显示它。（单击一次显示，然后单击第二次隐藏）。 我怎么能这么做？

---

谢谢大家。

如果您想在点击之间切换功能，我对JQ autocomplete不太熟悉 您可以使用以下选项：

function hideDiv () {
    //do somthing
    $('.btn').one('click', showDiv);
}

function showDiv () {
    //do somthing
    $('.btn').one('click', hideDiv);
}


$('.btn').one('click', hideDiv);

也可以使用奇偶法：

var i = 0;

$('.btn').on('click', function () {

    i += 1;
    var tog = function (someNum) {
        return ((someNum % 2) === 1) ? true : false;
    }
    return ( tog(i) ) ? console.log('on') : console.log('off');

});

---

如果您想在单击之间切换函数，我不熟悉JQ autocomplete 您可以使用以下选项：

function hideDiv () {
    //do somthing
    $('.btn').one('click', showDiv);
}

function showDiv () {
    //do somthing
    $('.btn').one('click', hideDiv);
}


$('.btn').one('click', hideDiv);

也可以使用奇偶法：

var i = 0;

$('.btn').on('click', function () {

    i += 1;
    var tog = function (someNum) {
        return ((someNum % 2) === 1) ? true : false;
    }
    return ( tog(i) ) ? console.log('on') : console.log('off');

});