Мышь оставить не стреляя (вложенная)

Question

Почему мышь не горит.

$('.tlcr').hide();

$('.tli')
  .on({
    mouseenter: function() {
      $('.tlcr').hide();
      const index = $(this).index('.tli');
      $('.tlcr').eq(index).show();
    },
    mouseleave: function() {
      $('.tlcr').eq(index)
        .on({
          mouseenter: function() {
            $('.tlcr').eq(index).show();
          }, mouseleave: function() {
                $('.tlcr').hide();    
          }
        });
      $('.tlcr').hide();
    }
  });

Над кодом в скрипке: https://jsfiddle.net/czqab09j/3/

Я хочу добиться этого: https://jsfiddle.net/aLquks1c/1/

Но я бы хотел добиться этого с помощью кода с первой скрипки. Но я делаю что-то не так.

Answer 1

Я получил это работает, и вот обновленный код:

$('.tli')
  .on({
    mouseenter: function() {
      $('.tlcr').hide();
      const index = $(this).index('.tli');
      $('.tlcr').eq(index).show();
    },
    mouseleave: function() {
      $('.tlcr').eq(index)
        .on({
          mouseenter: function() {
            $('.tlcr').eq(index).show();
          }
        });
    }
  });
  $('.tlcr')
    .on({
      mouseleave: function() {
        $('.tlcr').hide();
      }
    });

Я в основном удалил функцию выхода из вложенной мыши и сделал ее автономной.

Смотрите здесь результат в скрипке: https://jsfiddle.net/czqab09j/4/