样式列表中的所有其他项目列表中的第一个项目的点击

我正在寻找一个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

样式列表中的所有其他项目列表中的第一个项目的点击

回答

相关问题