在Javascript中显示和隐藏元素之间切换

Question

我正在努力在单击图标时切换显示和隐藏元素。

JS在显示和隐藏元素之间切换的功能

function connectionShowHideToggle(element)
{
var clickedId =  element.id;
var elementID=clickedId = clickedId.charAt(0);
var ImportCon = elementID+"-import";
var ExportCon = elementID+"-export";
var DefinedCon = elementID+"-defined";

var importConExists = document.getElementById(ImportCon);
alert(importConExists);
var exportConExists = document.getElementById(ExportCon);
alert(exportConExists);
var definedConExists = document.getElementById(DefinedCon);
alert(definedConExists);

if(importConExists != null)
{
    if(importConExists+ $(':visible').length)
        $(importConExists).hide("slide", { direction: "right" }, 1000);
    else
        $(importConExists).show("slide", { direction: "right" }, 1000);

}

else if(exportConExists != null) 
{
    if(exportConExists+ $(':visible').length)
        $(exportConExists).hide("slide", { direction: "right" }, 1000);
    else
        $(exportConExists).visibility=true;
}

else if(definedConExists != null)
{
    if(definedConExists+ $(':visible').length)
        $(definedConExists).hide("slide", { direction: "right" }, 1000);
    else
        $(definedConExists).visibility=true;
}
}

两个代码段都不起作用

$(importConExists).show("slide", { direction: "right" }, 1000);

或

$(importConExists).visibility=true;

当元素最初可见并且调用此函数时，图标被隐藏但是当我最初隐藏元素然后调用此方法时，元素显示为 NOT 。在这方面的建议将不胜感激

修改后的代码：

hide（）工作正常，但show（）没有。