单击列表中第一个项目列出列表中的所有其他项目

Question

我正在寻找一种CSS解决方案，可以在单击列表中的第一项时切换一组样式。 即点击列表中的第一项，该列表中的所有其他项目都显示为：none;但是当再次点击第一个项目时，所有这些项目都会重新出现，因为它们具有显示样式：内联;

有没有这样的风格在没有javascript的情况下切换列表中的项目？

Answer 1

使用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>

和其他东西。