Reseting DIVs with new Selection

Reseting DIVs with new Selection

My jQuery is a filter system that takes a pre-made & displayed set of DIVs tb.container and can filter then by selecting an item from the drop down filter box. How can I make it so when a person selects WINDOWS and it filters them and then the person decides to choose MAC it will reset all tb.containers to SHOW and then HIDE al tb.containers that do not run on MAC. My Code:

  2. //#filterBox1 Starts
  3.     $('#filterBox1').change(function() { // when value of filterBox1 changes
  4. var selection = $(this).val(); // get it's value
  6. if (selection == 'Windows') { // if windows is selected from OS
  7.             
  8. $(".tb-container:not(:has(img.windows))").hide(); // Hide all DIVs that do not contain img.windows
  9.         }
  10. if (selection == 'Mac') { // if mac is selected from OS
  11.              $(".tb-container:not(:has(img.mac))").hide(); // Hide all DIVs that do not contain img.mac
  12.         }
  13. if (selection == 'Linux') { // if linux is selected from OS
  14.              $(".tb-container:not(:has(img.linux))").hide(); // Hide all DIVs that do not contain img.linux
  15.         }
  16.     });//#filterBox1 Ends