HideSeek
HideSeek copied to clipboard
Result blocks
include other classes to not be hidden when they are searched.
eg:
Fruit - Price banana - $5 apple - $2
if you search for banana. the Price of the banana will be hidden. As a user I would like to see both the fruit and the price, which are contained in the same div but are part of their own containers.
I'm not sure what you mean. I can try to help but please give a real example on jsfiddle/codepen.
Probably solution to your issue is to use "attribute" on the main container element e.g.:
<div class="mylist">
<div data-name="banana">
<div class="name">banana</div>
<div class="price">$5</div>
</div>
<div data-name="apple">
<div class="name">apple</div>
<div class="price">$2</div>
</div>
</div>
And you initialize hideseek with:
$(".search").hideseek({
list: "mylist",
attribute: "data-name"
})