検討:
<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 のリスナーを追加するだけではありませんか (これはとにかく悪いオプションです)。