How do I toggle a table row display?

Question

I would like to toggle my table row on an .change function in jquery. The desired row is being displayed in this code, how do I hide the other rows at the same time?

$(document).ready(function() {
   $('#ddlSelect').change(function() {
      var ddlId = $('#ddlSelect').val();
      alert(ddlId);         
      //$('#displayTable').hide();
      $('#' + ddlId).show();
   });
});

Answer 1

Does this work?

$(document).ready(function() {
   $('#ddlSelect').change(function() {
      var ddlId = $('#ddlSelect').val();
      $('#displayTable tr').each( function() {
          $(this).hide();
      });
      $('#' + ddlId).show();
   });
});