CSS opacity属性值转换为javascript错误

Question

我有一个隐藏的div（“隐藏”同时具有可见性和显示属性），当触发javascript函数时出现。工作正常但我希望使用css过渡出现并消失。这适用于消失的部分，但不适用于出现的部分。

以下是两个出现和消失的功能：

function visiblize(obj1, obj2, opac1, opac2){
    obj1.style.display='block';
    obj1.style.visibility='visible';
    obj1.style.opacity=opac1;
    obj2.style.display='block';
    obj2.style.visibility='visible';
    obj2.style.opacity=opac2;
}

function invisiblize(obj1, obj2){
    setTimeout(function(){
        obj1.style.display='none';
        obj1.style.visibility='hidden';
    }, 300);
    obj1.style.opacity='0';
    setTimeout(function(){
        obj2.style.display='none';
        obj2.style.visibility='hidden';
    }, 300);
    obj2.style.opacity='0';
}

点击“facebook”，“twitter”或“google +”按钮，您可以在此处看到问题： http://libri1984.altervista.org/experiments/autore.php?nome=gino&cognome=luca

这是jsFiddle：http://jsfiddle.net/bigcola317/bdJA6/1/