jquery-ui - 如何确定 jQuery toggle() 的当前状态

Question

当单击另一个 div 时，我会显示和隐藏 div。我需要能够确定特定的 div 是显示还是隐藏。

最终我想做的是，当某个 div 被点击时，所有其他“显示/隐藏”div 应该被隐藏，然后确定是否显示被点击的 div 的相关 div，如果是则隐藏它，否则显示。

我还需要根据其切换状态向显示/隐藏的 div 添加/删除一个 css 类(用于背景颜色)。

这是我用来切换 div 的显示/隐藏状态的 jQuery 代码:

$('#movieListTable').on('click', 'div.vitalsTable', function (e) {

    // Don't do anything if the Edit button or Delete checkbox is clicked
    if (event.target.className !== 'btnEditMovie' && event.target.className !== 'chkDeleteMovie') {

        $(this).parent().parent().find('div.detailsTable').toggle('blind','easeInOutQuart', 300);
    }
});

奇怪且令人沮丧的是，我读过的所有内容，包括 SO 此处的答案，都表明我应该能够检查显示状态(“无”)或可见属性，但 checkin 控制台没有在显示/隐藏的 div 上设置这些。

我创建了一个 jsFiddle给你惹麻烦。

jQuery documentation on toggle()在页面下方大约 3/4 处讨论了一个 bool 参数“showOrHide”，用于使用 toggle() 的一种方法，但我自己还没有弄清楚如何使用它......

Answer 1

你可以使用$(div).is(':visible')