Bootstrap FAQ Filter With full text search
Live Text Search Function Using jQuery
$(function () {
function FullTextContains(innerText, searchTerm) {
for (x = 0; x < searchTerm.length; x++) {
if (innerText.toLowerCase().indexOf(searchTerm[x].toLowerCase()) >= 0) {
return true;
}
}
return false;
}
$('.faq').on('keyup input', function (e) {
var text = $.trim($(this).val());
if (e.keyCode == 13) {
SearchFAQ(text);
} else if (text == '') {
SearchFAQ('');
}
});
$('#btnFaqSearch').on('click', function (e) {
var text = $.trim($('.faq').val());
SearchFAQ(text);
});
function SearchFAQ(searchTermText) {
var searchTerm = searchTermText.split(' ');
if (searchTermText != '') {
$(".faq-list .panel").filter(function (index) {
var panelText = $.trim($(this).text());
if (FullTextContains(panelText, searchTerm) == true) {
//console.log("found it");
return true;
} else {
//console.log("not found");
$(this).slideUp();
return false;
}
}).slideDown();
} else {
$(".faq-list .panel").slideDown();
}
}
});
Bootstrap FAQ Filter With full text search
Reviewed by Bhaumik Patel
on
7:02 PM
Rating:
Reviewed by Bhaumik Patel
on
7:02 PM
Rating:
