點擊一個div使另一個div出現/消失

我有點卡住試圖讓<div class"portfolio-entry-toggle">切換<div class="portfolio-entry">出現和消失，目前它只適用於我懸停時，但如果我點擊它 - 什麼都不會發生。這裏的小提琴http://jsfiddle.net/swAP9/點擊一個div使另一個div出現/消失

cheers

來源

2013-12-08 user3077308

您是否在尋找純粹的CSS解決方案？這隻適用於JavaScript。 – AlliterativeAlice

不是真的，任何解決方案都可以。 – user3077308

@Alliterative愛麗絲，不完全正確，你[你可以用複選框黑客這裏做的東西]（http://css-tricks.com/the-checkbox-hack/）。儘管這可能過於複雜。 –

，你會看到這項工作的唯一方法是，如果你使用：主動選擇。但是，根據我在JSFiddle中看到的內容，這不是您的問題的答案。

正如其他人所提到的，您可以使用jQuery toggle（）方法。就我個人而言，這是我將如何處理這項任務。

來源

2013-12-08 04:52:06

您可以使用類似這樣的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);

來源

2013-12-08 05:04:52

乾杯的人，完美的作品！非常感謝。 – user3077308

點擊一個div使另一個div出現/消失

回答

相關問題