单击一个div使另一个div显示/消失[重复]

Question

这个问题在这里已有答案：

• jquery show / hide div on click? 3回答

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

cheers

Answer 1

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

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

Answer 2

您可以使用这样的Javascript函数来切换投资组合条目的可见性。此功能仅适用于IE> 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);