How can I maintain a a dropdown's current information without repopulating the list?
Currently, I have a drop down list that is populated with team names from a SQL database: 
    
    `$(".show_hide2").click(function() {
    ("#team").find("tr:gt(0)").remove();
     $(".slidingDiv2").slideToggle();
     teams = $.parseJSON(getTeams());
     for (i = 0; i < teams.length; i++) {
     var team = getTeam(teams[i]);
     updateTeamBoard(team);
     populateTeamSelection(team);`

The problem is, every time I click the show/hide button, it retains the current information in the list and then adds the same information to the list. I'm using AJAX to dynamically generate tables and lists, but for some reason I just can't figure this out and I have a feeling it's rather simple. Any help is greatly appreciated.
How can I maintain a a dropdown's current information without repopulating the list?
===

Currently, I have a drop down list that is populated with team names from a SQL database: 
    
    `$(".show_hide2").click(function() {
    ("#team").find("tr:gt(0)").remove();
     $(".slidingDiv2").slideToggle();
     teams = $.parseJSON(getTeams());
     for (i = 0; i < teams.length; i++) {
     var team = getTeam(teams[i]);
     updateTeamBoard(team);
     populateTeamSelection(team);`

The problem is, every time I click the show/hide button, it retains the current information in the list and then adds the same information to the list. I'm using AJAX to dynamically generate tables and lists, but for some reason I just can't figure this out and I have a feeling it's rather simple. Any help is greatly appreciated.