使用jQuery检测元素是否可见

使用.fadeIn()和.fadeOut()，我一直在页面上隐藏/显示一个元素，但是有两个按钮，一个用于隐藏，一个用于显示。我现在想要一个按钮来同时切换两者。

我的HTML / JavaScript是这样的：

<a onclick="showTestElement()">Show</a>
<a onclick="hideTestElement()">Hide</a>

function showTestElement() {
  $('#testElement').fadeIn('fast');
}

function hideTestElement() {
  $('#testElement').fadeOut('fast');
}

我想要的HTML / JavaScript：

<a onclick="toggleTestElement()">Show/Hide</a>

function toggleTestElement() {
  if (document.getElementById('testElement').***IS_VISIBLE***) {
    $('#testElement').fadeOut('fast');
  } else {
    $('#testElement').fadeIn('fast');
  }
}

如何检测元素是否可见？