誰かが私を助けてくれたら本当にありがたいです。私は答えを見つけるのに苦労しています。
この表示/非表示コードを Chrome で機能させるのに問題があります。クリックしても内容が表示されません。IE と Firefox で完全に動作します。
.hide {display: none;
}
#list {display: none;
}
.show:focus { display: none;
}
.show:focus + .hide {display: inline;
}
.show:focus ~#list{ display:block;
}
<a href="#" class="show" tabindex="2">show</a>
<a href="#" class="hide" tabindex="1">hide</a>
<div id="list">
Content here
</div>