我写的JavaScript代码问题

Question

我有这段代码：

function getArea (){
    var area1 = document.getElementById('first');
    var area2 = document.getElementById('adart');
        if (area1.style.display.match("none") && area2.style.display.match("none"))
        {
                area1.style.display = 'block';
        }
        else
        {
            area1.style.display = 'none';
        }

}


function getArea1 (){
    var addArticle = document.getElementById('adart');
    var area1 = document.getElementById('first');
        if (addArticle.style.display.match("none") && area1.style.display.match("none"))
        {
            addArticle.style.display = 'block';
        }
        else
        {
            addArticle.style.display = 'none';
        }

}

现在，在我的html页面中：

我有两个文本区域和两个按钮。 每个按钮“激活”不同的文本区域。 我的代码所做的就是使每个文本区域中的属性“显示”为“阻止”或“无”，以确保如果一个文本已经可见，则其他文本不会。

问题是第一个按钮“编辑文章”不起作用，直到我点击第二个按钮“添加文章”。第二个按钮正常工作。

有什么想法？