Добавлять класс при клике к первому элементу?

Question

[Aleksandr]

Хочу реализовать, что-то вроде слайдера.
Пример

Но не могу понять, как мне добавлять класс к первому элементу, при первом клике? А дальше, чтобы уже моя функция работает.

Answer 1

[Ваня Илюшин]

Или использовать ивент "one".

$("#element").one('click', (function(){
    $(".slide:eq(0)").addClass('active');
});

Answer 2

[artem_music]

Может, так?

firstClick = true;
$("#element").click(function(){
  if(firstClick){
    $(".slide:eq(0)").addClass('active');
    firstClick = false;
  }
});

Answer 3

[Aleksandr]

Сделал так

Но сразу возникло еще несколько вопросов:
1) Каким образом теперь реализовать стрелку вверх, нужно удалять у элемента класс active. Но как написать, "последний блок с классом active?"
2) как сделать так, чтобы когда в поле зрения оказался последний элемент, скрывать стрелку?

Comments

[Aleksandr]

Разобрался как реализовать 1 пункт. Но появился трабл, когда опять жмешь на кнопку вниз, класс уже не добавляется (мы же написали, что только при первом клике добавить класс)