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

Question

[egor-ss]

<ul>
  <li>item list 1</li>
  <li>item list 2</li>
  <li>item list 3</li>
</ul>

<div class="parent">
  <div class="item">item block 1</div>
  <div class="item">item block 2</div>
  <div class="item">item block 3</div>
</div>

function visibleGroup() {
	// сюда нужно передать индекс элемента из события клика
 	$('.item:eq(' +???+ ')').addClass('show');
}


$('li').on('click', function(){
  $('.item').removeClass('show');
	var i = $(this).index();
  
  $('.item:eq(' + i + ')').addClass('show');
});

https://jsfiddle.net/LLL038yL/1/

Функция visibleGroup передается в addEventListener и запускается по завершению события, поэтому вариант с результатом внутри события клик не подходит.

Answer 1

[Иван Татауш]

https://jsfiddle.net/LLL038yL/3/

update

Comments

[egor-ss]

Иван Татауш Этот способ я знаю, других вариантов нет? Глобальные переменные вроде как не желательно использовать. Может колбеками как-то можно, я не силен в JS.

[Иван Татауш]

egor-ss: ну тогда пробуй так https://jsfiddle.net/LLL038yL/3/