|
Сообщение от runyugin
|
|
где нет совпадений скрывать весь section
|
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(function() {
var $itemAcc = $(".accordion_item");
$("input").on("input", function() {
var val = this.value;
$itemAcc.show().filter(function() {
var text = $(".title_block", this).text();
return !~text.indexOf(val)
}).hide()
})
});
</script>
</head>
<body>
<input type="text" >
<div class="accordion">
<section class="accordion_item">
<div class="title_block">
заголовок 1
</div>
<div class="infos">
....
</div>
</section>
<section class="accordion_item">
<div class="title_block">
заголовок 2
</div>
<div class="infos">
....
</div>
</section>
<section class="accordion_item">
<div class="title_block">
заголовок 3
</div>
<div class="infos">
....
</div>
</section>
</div>
</body>
</html>