javascript-events - 我写的 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 页面中：

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

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

有什么想法吗？