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

Question

[pashabomber]

Добрый день!

На странице есть два блока:

<div class="block_1 display_block">
content
</div>
<div class="block_1 display_none">
content
</div>

Первый отображается, второй нет.
Так же есть ссылка, при нажатии на которую первый блок должен скрыться (присвоение класса display_block), а второй отобразиться (присвоение класса display_none).
При повторном нажатии на ссылку опять появляется первый блок, а второй становится невидимым.

Заранее спасибо за помощь!

Comments

[bumbay]

jQuery используется?

[pashabomber]

используется

Answer 1

[Юрий Лобанов]

codepen.io/iiil/pen/eIKAr

Comments

[pashabomber]

спасибо!

Answer 2

[Максим]

CSS:
.display_none{
display:none;
}

Comments

[pashabomber]

это я понимаю)

имелось в виду, как через javascript по клику на ссылку двум блокам присвоить новые классы. а при повторном клике вернуть прежние.

Answer 3

[Daria]

<a href="#" onclick="someFunction();">Somelink</a>

function someFunction() {
$('.block_1').toggleClass('display_block');
$('.block_1').toggleClass('display_none');
}

Для упрощения я бы делала по умолчанию невидимым, а при добавлении класса display_block видимым, тогда хватит только первого toggleClass

Comments

[Андрей]

Хватит и одного
$('.block_1').toggleClass('display_block display_none')

[Daria]

@standy спасибо. Но все равно не вижу смысла в доп.классе, хватит добавления-удаления одного и того же