Скрипт смены класса, нужно подправить

DMax

Гуру форума
Регистрация
11 Июн 2014
Сообщения
252
Реакции
54
Здравствуйте друзья!
Помогите пожалуйста подправить скрипт замены класса
Вот скрипт
Код:
<script>
var current;
function check(obj) {
   obj.className = 'active';
   if (current)
      current.className = 'simple';
   current = obj;
}
</script>
Проблема в том, что при нажатии на кнопку, класс меняется на active но если еще раз нажать, то он меняется обратно на simple
Собственно хотелось бы, чтобы класс не менялся обратно на simple после повторного нажатия, смена на simple только после нажатия на другую кнопку...
И еще, возможно получится сделать первую кнопку уже с active?

Решить сам не смогу так как js вообще не знаю, надеюсь на помощь.
Заранее спасибо!
 
Если честно, то я бы Для просмотра ссылки Войди или Зарегистрируйся:
HTML:
<style>
.button {
  display: inline-block;
  padding: 10px 20px;
}
.button {
  background-color: lightgrey;
}
.active {
  background-color: coral;
}
.button:hover {
  cursor: pointer;
  border: 1px solid grey;
}
</style>
<span class="button active">1</span>
<span class="button">2</span>
<span class="button">3</span>
<span class="button">4</span>
<span class="button">5</span>
<script>
$('.button').click(function() {
  if ($(this).hasClass('active')) return;
  $('.button').removeClass('active');
  $(this).addClass('active');
});
</script>
 
  • Нравится
Реакции: DMax
А я бы еще добавил toggleClass('active'), чтобы еще короче вышло
 
Назад
Сверху