Как сделать что бы при повторном клике, мои стили возвращались к первичному состоянию?

Question

[kolykisel]

Здравствуйте, есть небольшой скрипт, суть вопроса в названии темы пояснил, думаю понятно

$('.open-submenu').click(function() {
  $(this).find('.submenu').slideToggle();
  $(this).find('.open').css({
  	backgroundColor:'transparent',
  	border: '1px solid #9e39a1',
  	color: '#9e39a1'
  });
  $(this).find('.open').text('-');
  $(".open-submenu").not($(this)).find('.submenu').slideUp();
});

Comments

[kolykisel]

Спасибо всем за помощь, решил таким образом

$('.open-submenu').click(function() {
  $(this).find('.submenu').slideToggle();
  $(this).find('.open').toggleClass('change-open');
  $(".open-submenu").not($(this)).find('.submenu').slideUp();
  $(".open-submenu").not($(this)).find('.open').removeClass('change-open');
});

Answer 1

[Сергей]

Вынесите стили в отдельный класс, а затем с помощью JQuery добавляйте/убирайте его - это самая распространённая практика.

Comments

[kolykisel]

Благодарю, получилось

Answer 2

[kolykisel]

При нажатии именно на тот же самый блок, да стили меняются в обратную сторону, но при нажатии на другой блок, они так же остаются