Javascript 隐藏div的更好方法

我正在尝试将一个div的不透明度设置为0。但它不起作用

这是我的密码：

HTML:

---

不幸的是，处理不透明度的最佳方法是通过几个CSS标记：

.myElement {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity:0.5;
    opacity:0.5;
}

然而，一旦你的不透明度达到0，你可能会更好的隐藏元素

display:none;

---

不透明度

只会更改元素

宽度

的

不透明度

，

高度

和

显示

不受影响。实际上，元素仍然存在，只是不可见。

从您对另一个答案的评论中：

function closehelp() {
    $("#janelaConfig").animate({ width: "50px", height: "5px", top : "175px", left : "100px", opacity: 0.0,display:"none" },250);
    $("#lblStatus").text("");
    $("#fechar").hide();
    $("#divinfo").show();
};

将您的功能更改为：

function closeHelp() {
    $('#janelaConfig').animate({
        height: 5,
        top: 175,
        left: 100,
        opacity: 0
    }, 250, function() {
        $(this).hide();
    });
    $("#lblStatus").text("");
    $("#fechar").hide();
    $("#divinfo").show();
})

---

这将在动画完成后将元素的

显示设置为
none
。
我已经创建了另一个div，并将JanelConfig放入其中。效果很好。
不透明度仅在firefox中有效。但在移动应用程序中有效。当我设置为1.0时工作，但当我重置为0时不工作我也尝试过函数closehelp（）{$（“#janelaConfig”）。动画（{宽度：“50px”，高度：“5px”，顶部：“175px”，左侧：“100px”，不透明度：0.0}，250）；$（“#lblStatus”）.text（“”；$（“#fechar”）.hide（）；$（“#janelaConfig”）.hide（）；$（“#divinfo”）.show（）；我们能以某种方式看到它吗？当我使用.hide时，div隐藏并再次出现，我想要的是div不可见，我的意思是，元素仍然存在并且可以单击/选择。很好的捕获，
display
是更好的处理方法。
函数closehelp（）{$（“#janelaConfig”）。动画（{宽度：“50px”，高度：“5px”，顶部：“175px”，左侧：“100px”，不透明度：0.0，显示：“无”}，250）；$（“#lblStatus”）.text（“”；$（“#fechar”）.hide（）；$（“#divinfo”）.show（）？将
$（this.hide（）
更改为
$（this.css（'display'，'none'）-它与此一起工作吗？如果没有，请你举个例子，因为我不知道为什么这不起作用！现在它工作得更好了…div flash…（消失并再次出现）但它只在我在回答中发布的地方被引用…我不知道div为什么再次出现：S
function closehelp() {
    $("#janelaConfig").animate({ width: "50px", height: "5px", top : "175px", left : "100px", opacity: 0.0,display:"none" },250);
    $("#lblStatus").text("");
    $("#fechar").hide();
    $("#divinfo").show();
};

function closeHelp() {
    $('#janelaConfig').animate({
        height: 5,
        top: 175,
        left: 100,
        opacity: 0
    }, 250, function() {
        $(this).hide();
    });
    $("#lblStatus").text("");
    $("#fechar").hide();
    $("#divinfo").show();
})