SMF and "Filtering with Jquery"

[havok4615]

Hello, i want to filter a big bunch of information:
im using this code, but the problem is, if i check Category A and B it show, A,B, and AB but i want the Programm only too show Categroy AB, like "Check classes, only show div with exact classes"
Can you guys help me?

Koodi [Valitse] Laajenna


<ul id="filters">
    <li>
        <input type="checkbox" value="categorya" id="filter-categorya" />
        <label for="filter-categorya">Category A</label>
    </li>
    <li>
        <input type="checkbox" value="categoryb" id="filter-categoryb" />
        <label for="filter-categoryb">Category B</label>
    </li>
</ul>

<div class="categorya categoryb">A, B</div>
<div class="categorya">A</div>
<div class="categorya">A</div>
<div class="categorya">A</div>
<div class="categoryb">B</div>
<div class="categoryb">B</div>
<div class="categoryb">B</div>
JavaScript:

$("#filters :checkbox").click(function() {
   var re = new RegExp($("#filters :checkbox:checked").map(function() {
                          return this.value;
                       }).get().join("|") );
   $("div").each(function() {
      var $this = $(this);
      $this[re.source!="" && re.test($this.attr("class")) ? "show" : "hide"]();
   });
});


[SoLoGHoST]

It is not clear what you want exactly...  Do you not want to show A, B when A is only selected or when B is only selected?  Or are you asking to show A, B (only) when both are selected and to show A, B when either are selected, along with all others related to that?  Or... are you asking to not show "A, B" at all, and only show "A"s and/or "B"s?  You really need to be more specific here!

Does this do what you want:  http://jsfiddle.net/mk4PR/

It shows only A, B when A and B are selected, but also shows A, B when either A or B is selected.  If this is not what you want, please be more specific.

Bytheway, this topic really doesn't have anything to do with SMF.