相关疑难解决方法(0)

是可能的切换元件的可见性,使用函数.hide(),.show()或.toggle().

如何测试元素是可见还是隐藏？

使用.fadeIn()和.fadeOut(),我一直在我的页面上隐藏/显示一个元素,但有两个按钮,一个用于隐藏,一个用于显示.我现在想要一个按钮来切换两者.因此,我的问题是如何检测元素是否可见？

我的HTML原样:

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

我的JS是这样的:

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

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

我希望得到我的HTML:

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

我希望得到我的JS,虽然纯粹的jQuery会很好:

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

任何帮助感激地收到..