javascript - 怎么解决collapse下拉框防止连续点击问题

Question

每次点击面板都会触发下拉文本,连续点击的话会形成持续的动画,就是上下来回关闭打开,怎么解决这个问题代码添加到哪里!

请输入代码$('.ui-collapse-content').hide();
    //插入span标签用来制作三角标志
    $('<span class="ui-collapse-icon">').appendTo('.ui-collapse-name');
    //点击标题相对应的内容展开，再次点击后折叠
        $('.ui-collapse-name').bind("click",function() {//绑定手机事件
        var _con = $(this).next('.ui-collapse-content');
        if (!_con.hasClass("ui-collapse-show")) {
            //获取所有的元素
            var _allCon = $(".ui-collapse p.ui-collapse-content");
            for (var i = 0; i < _allCon.length; i++) {
                if ($(_allCon[i]).hasClass("ui-collapse-show")) {
                    
                    $(_allCon[i]).removeClass("ui-collapse-show");
                    $(_allCon[i]).prev("p").children("span").removeClass("ui-icon-up");
                    $(_allCon[i]).slideToggle("slow");
                }
            }
            _con.addClass("ui-collapse-show");
            _con.prev("p").children("span").addClass("ui-icon-up");
        }else{
            _con.removeClass("ui-collapse-show");
            _con.prev("p").children("span").removeClass("ui-icon-up");
        }
        _con.slideToggle("slow");
    });