Trash

Антон Вебсайтовский, в нужный момент добавьте к input атрибут readonly, это решит вашу проблему

Насколько я вас понял, то:

<input type="submit" value="Нажми меня"/>
<input type="text" style="display: none;" />

$("input[type=submit]").click(function() {
        $("input[type=text]").toggle();
      });

$('body').on('mousedown', '.fav-add', function() {
        $(this).removeClass('fav-add');
        $(this).addClass('fav-remove');
    });
    
$('body').on('mousedown', '.fav-remove',  function() {
        $(this).removeClass('fav-remove');
        $(this).addClass('fav-add');
    });

Так как ваши классы переименовываются "вживую", то сначала стоит указывать элемент, который уже был создан при загрузке DOM'a. В моем примере это body :) Ну а потом метод 'On', в котором вписываем event, а после - ваш класс :)