Как переключать фокус только на двух элементах?

Question

[rinatoptimus]

На странице 2 кнопки. Изначально подсвечена первая (btn-red). При клике на вторую вместо первой кнопки подсвеченной становится вторая. Надо чтобы при клике вне кнопок подсвеченной оставалась кликнутая кнопка (которая сейчас в фокусе). Почти получилось, но со второй кнопкой не получается, если клинуть рядом с ней - она теряет фокус. Короче надо чтоб фокус оставался либо на одной либо на другой и не пропадал если кликнуть outside.

$("li:nth-child(1) a.btn-red").focus();

  $(window).click(function() {
    $("li:nth-child(1) a.btn-red").focus();
  });

Answer 1

[Alex Zeit]

Что то типа такого поможет

Comments

[rinatoptimus]

Спасибо, то, что надо! Можно одну деталь уточнить? При клике вне кнопки обводка мигкает - это стандартное поведение, его нельзя уже никак устранить?

[Alex Zeit]

rinatoptimus: &:focus,&[data-focused='true'] в стилях к фокусу добавьте)
https://jsfiddle.net/16Lx36ca/2/