Как сделать так?

Question

[lemonlimelike]

На странице есть два меню, допустим

<div class="menu"><span>Первое меню</span><span>Второе меню</span></div>

Как сделать, чтоб при открывшейся странице, первое меню было уже подсвечено, типа background-color:#000; а при клике на второе, background-color переходил на него, а первое меню осталось с исходном положении, а исходно положение это color:#f1f1f1;

Answer 1

[Stalker_RED]

Добавить первому элементу class=active, например, и повесить обработчик кликов, который будет менять класс.

$('.menu span').on('click', function(){
  $(this).addClass('active')
  .siblings().removeClass('active')
})

https://jsfiddle.net/ung8o8j4/

Answer 2

[Exploding]

Блин, чувак, ты за последние пол года задал 141(!) вопрос в этой сфере! И ты до сих пор не научился в jq переключать классы, а спрашиваешь "Как сделать так?"?)))))
Я начинаю думать, что это бот какой-то))

Comments

[Stalker_RED]

Бот писал бы более осмысленные названия вопросов, наверное.

[Exploding]

Stalker_RED: Скорее всего:) .... да и без ошибок... А тут, такое ощущение, что человек что-то пытается написать "чужими руками", каждое новое действие - новый вопрос))) М.б. проводится на тостере какой-то эксперимент типа: "Попробуем создать с нуля....%четотам%.... используя лишь ответы участников"

[Stalker_RED]

Exploding: Нет, на самом деле он иногда пытается разобраться.

[lemonlimelike]

Stalker_RED: Спасибо))

[lemonlimelike]

Stalker_RED: Я подзабыл jquery, больше на php пишу, а тут понадобился jquery