樣式列表中的所有其他項目列表中的第一個項目的點擊

我正在尋找一個CSS解決方案來切換列表中的第一個項目時單擊一組樣式。即點擊列表中的第一個項目，該列表中的所有其他項目都顯示爲：none;但是當再次點擊第一個項目時，所有這些項目都會重新出現，因爲它們被賦予了顯示樣式：inline;樣式列表中的所有其他項目列表中的第一個項目的點擊

反正有沒有做這種風格切換列表中的項目沒有javascript？

來源

2013-02-13 IMUXIxD

[你有什麼嘗試？]（http://www.whathaveyoutried.com/）請參閱[問問建議]（http://stackoverflow.com/questions/ask-advice），請。 – 2013-02-13 01:53:40

css不處理事件是什麼點擊的東西是。但是，css確實有：hover僞元素，可以用來應用特定樣式，當某些東西被徘徊時，這在技術上是一個事件。 – fredsbend 2013-02-13 04:14:21

用CSS？不，這不是可能的。但這裏是完美解決使用jQuery您的問題，我希望這有助於：

<style> 
    .first 
    { 
     display:inline; 
    } 
    .other 
    { 
     display:none; 
    } 
</style> 

<div class="list first"></div> 
<div class="list other"></div> 
<div class="list other"></div> 
<div class="list other"></div> 
<div class="list other"></div> 

<script> 
    $(".fist").click(function(){ 
     $(".other").fadeToggle(); 
    }); 
</script>

作品也與

<ul><li>

和其他的東西。

來源

2013-02-13 02:01:33

遺憾的是，CSS無法偵聽點擊事件。無論如何，非常感謝。 – IMUXIxD 2013-02-15 17:44:15

樣式列表中的所有其他項目列表中的第一個項目的點擊

回答

相關問題