Javascript Показать Скрыть вход не работает во второй раз загружается мод загрузки

Question

У меня есть код JavaScript, чтобы скрыть и отобразить вход для загрузки, используя флажок внутри начальной загрузки, он работает, когда модал запускается в первый раз, но во второй раз я открываю модал и нажимаю на флажок, чтобыпокажите вход загрузки, это показывает, но тогда это автоматически скрывает это.

$('.modal').on('loaded.bs.modal', function (e) {        
    $(".upload_file").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
        $(".upload_file").slideToggle();    
    });

       //jquery validation goes here...
}); 

Что мне здесь не хватает, надеюсь, вы, ребята, можете помочь.ТИА.

Answer 1

$('body').on('click','.show_hide',function(){
    $(".upload_file").slideToggle();    
});

Answer 2

Вы создаете несколько событий клика, каждый раз, когда вы открываете модальное окно, оно создает новое.

Меняет

$('.show_hide').click(function(){
    $(".upload_file").slideToggle();    
});

на

$('.show_hide').off('click').on('click', function(){
    $(".upload_file").slideToggle();    
});

Это будетубить первое событие щелчка, а затем повторно связать его.

В качестве альтернативы вы можете переместить привязку для события щелчка из модальной инициализации, чтобы он вызывался только один раз.