如何停止 Onchange 事件重复

Question

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

我还需要将 class 添加到.desarea，这是 select 框的值。

//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();
        }       
    });
});

Answer 1

你有

$('.'+selected.val()).slideDown();

两次。 所以它做了两次。