The following code is something i got together and its not really doing what i need it to do.
I’m trying to get exact match results … If i clicked Internet and Telephone it should only show exactly what i click on. if i clicked on 1 it should show one and if i clicked on all 3 it should only show all three…
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script>
<script type="text/javascript">
$(document).ready(function(){
$('div.tags').delegate('input:checkbox', 'change', function() {
var $lis = $('.results > li').fadeOut();
//For each one checked
$('input:checked').each(function() {
$lis.filter('.' + $(this).attr('rel')).fadeIn();
});
});
});
</script>
<div class="tags">
<label><input type="checkbox" rel="internet" /> Internet </label>
<label><input type="checkbox" rel="telephone" /> Telephone</label>
<label><input type="checkbox" rel="television" /> Television</label>
</div>
<ul class="results">
<li class="internet">
Internet
</li>
<li class="telephone">
Telephone
</li>
<li class="television">
Television
</li>
<li class="internet telephone television">
Internet / Telephone / Television
</li>
<li class="television internet">
Television / Internet
</li>
<li class="television telephone">
Television / Telephone
</li>
</ul>