css - リストの最初のアイテムをクリックして、リスト内の他のすべてのアイテムのスタイルを設定します

Question

リストの最初の項目をクリックするとスタイルのセットを切り替えるCSSソリューションを探しています。これは、リストの最初のアイテムをクリックすると、そのリストの他のすべてのアイテムにdisplay：noneが表示されます。ただし、最初のアイテムをもう一度クリックすると、display：inline;のスタイルが指定されているため、これらのアイテムはすべて再表示されます。

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>

と他のもの。