javascript - JQuery liveFilter に複数検索フィールドを追加する方法

Question

データベースから情報を出力し、JQuery アコーディオンで表示しています。簡単です。

でも、これをたくさん持っていたいので、検索機能を追加したいと思いました。特にliveFilterのそれは素晴らしい。

しかし、コード スニペットのタイトルとコンテンツの両方を別々に検索できるようにしたいと考えています。これまでのところ、Div アコーディオン内のすべてを正常に検索できましたが、個々の要素は検索できませんでした。これまでの私の試み。

JQuery

  <script>
  $(function() {
    $( "#accordion" ).accordion({
      collapsible: true
    });
  });
  $(function() {
        $('#search_input_1').fastLiveFilter('#code_title');
    });
    $(function() {
        $('#search_input_2').fastLiveFilter('#code_content');
    });
  </script>

PHP出力

<p><div id="accordion"><h3 id="code_title">Printing while loop - PHP</h3>
<div id="code_content"><p>Bla bla bla bla</p></div></div>

HTML検索

            <p>Title / Language: <input id="search_input_1" placeholder="Title or Language"> Content / Description: <input id="search_input_2" placeholder="Content or Description">

私が見る限り、それはうまくいくはずですが、そうではありません。code_titleまたはcode_content id タグのいずれかから結果を検索または返さない。

私は現在ここでそれを実行しているので、私の言いたいことがわかると思いますが、これは Div アコーディオンを検索する最初の検索入力です。2 番目は引き続きcode_contentを検索するため、どのように機能しないかを確認できます。

なぜこれがうまくいかないのか誰か知っていますか？psアコーディオンにテキストがありますが、白いので溶け込みます.

また、補足として、検索後に折りたたまれた状態に戻す方法を誰かが知っていれば、私は彼らに無限に感謝します