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

@runyugin · Регистрация: 25.01.2015

Студворк — интернет-сервис помощи студентам

есть конструкция:

HTML5

<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

@jade · 02.02.2016, 00:16

Javascript

$('input').on('input', function() {
  var str = $(this).val();
  $('.title_block').each(function() {
    var $this = $(this);
    var section = $this.closest('.accordion_item');
    console.log(str);
    if ( $this.text().indexOf(str) == -1 ) {
      section.hide();
    } else {
      section.show();
    }
  });
});

Если я правильно тебя понял, то вот рабочий скрипт. Только вот причем тут аякс... ?

Опции темы

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

Решение