Как по клику добавить псевдокласс на JQUERY?

Question

[rkniazev]

Есть клавиша с Id="btn-maps" и при клике на нее нужно изменить текст в ней с "Показать на карте" на "Скрыть карту" и к div'у с id="maps" добавить псевдокласс active, соотвественно при втором клике-поменять обратно надпись и убрать псевдо класс.

<div class="row text-center">
  <a class="btn btn-lg btn-maps" id="btn-maps">Показать На Карте</a>
</div>
<div class="col-xs-12 col-sm-8 col-sm-offset-2 maps" id="maps">
	<script> яндекс карт </script>
</div>

Answer 1

[Андрей Hecc]

Обратится на прямую к псевдоклассу — нельзя. Зато можно по клику добавлять какой-то уникальный класс и к нему уже задать :after;
Вот пример на fiddle:
https://jsfiddle.net/ph0cstdz/

Comments

[rkniazev]

Спасибо большое!

[Андрей Hecc]

rkniazev: Пожалуйста :)

[Иван Громкий]

недавно как раз делал что-то подобное, только не записывал в элемент а показывал-скрывал, думаю для записи не составит труда изменить! считаю плюсом то что нет условий - не факт конечно, что подойдет , но все же jsfiddle.net/PETqD/5

Answer 2

[Иван Громкий]

jsfiddle.net/PETqD/8
Что-то такое, не стал вставлять ваш html - ведь все и так ясно?)