1

検討:

<div class="toggler">Toggler</div>
<div class="togglable">Lorem ipsum dolor</div>
<script>
    $('.togglable').hide();
    $('.toggler').click(function(){ $(this).sibling('.togglable').toggle(); });
</script>

折りたたみ可能なコンテンツの最大の欠点は、Ctrl+F または F3 を使用すると、折りたたまれたコンテンツ内を簡単に検索できないことです (ましてや、ページを視覚的に「スキミング」することはできません)。私が本当に便利だと思っているのは、ブラウザの「ページで検索」バーがアクティブなときはいつでも、折り畳まれたすべてのコンテンツをページに表示することです。

質問:

「ページで検索」バーがアクティブかどうかを検出する方法はありますか? Ctrl+F と F3 のリスナーを追加するだけではありませんか (これはとにかく悪いオプションです)。

4

0 に答える 0