Javascript 如何停止Onchange事件的重复

下面的代码运行我的主页上的目的地区域。但是，它会重复动画。我需要它淡出当前显示的内容，并替换为下拉列表中的选择

我还需要它向.desrea添加一个类，它是选择框的值

//Create destination switch
$('#regionselect').change(function(){
    var selected = $(this).find(':selected');
    $('.regionDetail').fadeOut(function(){
         $('.'+selected.val()).slideDown();   
    });
    var count = $('.countrylist').length;
    $('.countrylist').slideUp(function(){
        if(!--count) {
           $('.'+selected.val()).slideDown();
        }       
    });
});

你有

$（'..+selected.val（））.slideDown（）

两次。所以它会做两次。
这是因为它需要在左边的地区详细信息和右边的国家/地区列表中使用它？我不完全确定你想用这两个电话做什么，但事实上它们是相同的，这意味着它会运行完全相同的事情两次。类为
selected.val（）
的所有元素将对其调用两次
slideDown
。当从选择框中选择一个选项时，该选项应滑出右侧列表以及regiondetail，然后滑入任何匹配的值…但仅在新内容中滑入一次，对吗？因此，您不应该在两个回调中都使用它。您知道如何将值添加到类中，同时删除前一个类值吗？