Аякс поиск с скрытием блоков

runyugin

Постоялец
Регистрация
30 Июн 2013
Сообщения
55
Реакции
4
есть конструкция:

HTML:
<input type="text" >

  <div class="accordion">

      <section class="accordion_item">
          <div class="title_block">
             заоловок
           </div>
           <div class="infos">
             ....
           </div>
        </section>

      <section class="accordion_item">
          <div class="title_block">
             заоловок
           </div>
           <div class="infos">
             ....
           </div>
        </section>


      <section class="accordion_item">
          <div class="title_block">
             заоловок
           </div>
           <div class="infos">
             ....
           </div>
        </section>

и т.д.

 </div>

нужен срипт выполняющий проверку при печатании текста в input сравнивающий текст с заголовками title_block и input , там где нет совпадений скрывать весь section
 
Код:
$(document).ready(function(){
  var $itemAcc = $('.accordion_item');
   $('input').on('keyup', function(){
     var $elHide = $itemAcc.filter(':contains("'+this.value+'")');
     if(this.value.length > 2 && $elHide.length > 0){
        $itemAcc.hide();
        $elHide.show();    
      } else {  
        $itemAcc.show();
      }
   });
});
 
Последнее редактирование:
Назад
Сверху