jQuery аккордеон автоматически переходит к следующему диктову аккордеона, если пользователь нажимает клавишу табуляции на последнем входе

Question

После того, как пользователь набрал последнюю вкладку формы в аккордеоне jQuery UI, как вы получите следующий div для открытия, а текущий - для закрытия с фокусом на следующий вход в строку?

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

Answer 1

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

$('#firstform input:text').last().on('keydown', function(e) { 
    if (e.which == 9) { 
     if (!e.shiftKey) { 
      var active = $("#accordion").accordion("option", "active"); 
      $("#accordion").accordion("option", "active", active + 1); 
     } 
    } 
}); 

Вам также необходимо активировать первую входную коробку следующая форма, используя реактивировать событие аккордеона:

$("#accordion").accordion({ 
    activate: function(event, ui) { 
     $("#secondform input:text").first().focus(); 
    } 
}); 

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