如何只运行一次点击功能

Question

每次单击按钮，它都会向下滑动并运行代码。这很好。但如果我再次上下滑动它，它会再次运行代码。所以第一次，我有1,4,5。我再次单击该按钮，它向上滑动，再次单击它，如果我一直按下按钮，它将变为1,4,5,1,4,5,1,4,5,1,4,5。我只想运行一次，我怎么能实现呢？

    $('#tag_toggle').on('click',function(){
        $('.taxonomies').slideToggle();

        var user_load=$('#find_members_t').val();
        var myArray=user_load.split(',');

        // length-1 remove the last commas
        for (var i=0; i<myArray.length-1; i++){
             $('#find_members').append(
                 "<div class='display_box' id='display_box'>"+myArray[i]+"</div>");
        }
    }

Answer 1

$('#tag_toggle').one('click',function(){ // <-----------'one', not 'on'!
    var user_load=$('#find_members_t').val();
    var myArray=user_load.split(',');

    // length-1 remove the last commas
    for (var i=0; i<myArray.length-1; i++){
         $('#find_members').append(
             "<div class='display_box' id='display_box'>"+myArray[i]+"</div>");
    }
})
.on('click',function(){
    $('.taxonomies').slideToggle();
});