单击div以使另一个div显示/消失

Question

我有点卡住试图让<div class"portfolio-entry-toggle">切换<div class="portfolio-entry">出现并消失，目前它只在我悬停时有效，但如果我点击它 - 没有任何反应。这是小提琴http://jsfiddle.net/swAP9/

cheers

Answer 1

如果您使用：active选择器，那么您将看到此工作的唯一方法。但是，基于我在JSFiddle中看到的内容，这不是您问题的答案。

正如其他人所提到的，你可以使用jQuery toggle（）方法。就个人而言，我就是这样做的。

Answer 2

您可以使用这样的Javascript函数来切换投资组合条目的可见性。此功能仅适用于IE＆gt; 9，仅在支持querySelector的浏览器中。有关详细信息，请参阅http://caniuse.com/#feat=queryselector。

祝你好运！

function toggleEntry() {
    var p = document.querySelector('.portfolio-entry');
    if (p.style.visibility === 'visible') {
        p.style.visibility = 'hidden';
    } else {
        p.style.visibility = 'visible';
    }
}

document.querySelector('.portfolio-entry-toggle').
    addEventListener('click', toggleEntry);