如何停止 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();

兩次。 所以它做了兩次。