Смена класса у тега button?

Question

[hax0r :3]

Здравствуйте! у меня образовалась такая проблема, я через js меняю у тега button класс, по нажатию на button у нее становится красный фон, но дело в том что она не сохраняет свое положение а обратно возвращает в прежнее, а у тега "a", все хорошо работает. Например есть 2 класса

.button1 {
     background: red;
}
.button2 {
     background: yellow;
}

По нажатию на тег button с классом button1, фон становится желтым и меняется на класс button2, но он не сохраняет сове положение. в чем может быть проблема?

Вот js

//<![CDATA[ 
	$(window).load(function(){
	$(document).ready(function(){
  	$('.lm-toggle').click(function () {
   	$(this).toggleClass('lm-toggle-arrow');
   });
  });
});
//]]>

Answer 1

[Станислав Ким]

Ссылка на работающий пример

<button class="button1">Нажать</button>

.button1 {
    background: red;
}
.button2 {
    background: blue !important;
}

$(document).ready(function() {
    $('.button1').click(function() {
        $(this).toggleClass('button2');
    });
});

Answer 2

[Андрей]

Проблема может быть в js, который вам ставит/убирает этот класс.

Comments

[hax0r :3]

Если все это дело делать через тег "а" то тогда все ок работает, ну я вот скрипт выклал, посмотри может и действительно там что то не так..

Answer 3

[Андрей Федоров]

А зачем класс менять? Может просто свойство поменять?

document.getElementByClass('button1').style.background = 'yellow';

Comments

[hax0r :3]

Я через before вставляю иконку. мне легче через css это делать)

[Андрей Федоров]

Ну и что? Иконка одна и так же? На цвет фона она не влияет. Вы бы полностью задачу поставили и код свой выложили на codepen например...

[hax0r :3]

Андрей Федоров: Да уже не нужно, я решил проблему))

[Андрей Федоров]

Гыгыгы. А зачем вопрос задавал? Можно было остановиться и самому немного подумать. ))