Как редактировать / сохранять сразу несколько полей с помощью JQuery + JEditable?

У меня есть набор текстов на странице (для простоты , предположим, у меня есть два), которые я хотел бы редактировать индивидуально, на месте, поэтому я использую JEditable для этого, и он отлично работает - я нажимаю один текст, он преобразуется в раскрывающийся список, я меняю значение, щелкните снаружи, и оно будет сохранено. Я нажимаю другое, оно преобразуется в поле ввода, я набираю что-то еще, нажимаю за его пределами - и оно также сохраняется. Отлично.

Теперь мне нужна кнопка (изображение, ссылка - что угодно), щелчок по которому переключал оба моих редактируемых полей в режим редактирования. То есть, я нажимаю этот элемент управления «Редактировать», и теперь вместо двух моих текстов я бы увидел раскрывающийся список и поле ввода, я мог бы редактировать значения в обоих местах, а затем либо щелкнуть за пределами обоих из них ( идеальный вариант) или нажмите другую кнопку / изображение / ссылку «Сохранить», ну и сохраните (не очень хорошо, но с этим можно жить)

Возможно ли этого добиться? Если да ... как?

И нет, я бы не хотел использовать здесь jqGrid или что-то подобное.