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

Question

[JyriG]

Ссылка ведет к якорю #project_first, у которого по умолчанию стили display:none. При нажатии на ссылку должен включаться стиль и меняться якорь. Как написать такой код?

Answer 1

[Вадим]

css:
#project_first:target { display: block }

Comments

[zkrvndm]

Кстати да, это вариант лучше, чем использовать JavaScript. При желании можно даже плавную анимацию появления и скрытия сделать на чистом CSS. Единственное, что не сделать на CSS это плавную анимацию к якорю, но вам оно вроде и не надо.

[Вадим]

Надим Закиров, на css можно сделать плавную навигацию к якорю. Поддержка пока правда ещё оставляет желать лучшего (привет сафари)
https://developer.mozilla.org/en-US/docs/Web/CSS/s...

[zkrvndm]

Вадим, ого, нифига себе, не подозревал даже что так можно. Надо взять на заметку.

Answer 2

[zkrvndm]

На jQuery так:

$(function() {
    $('a[href$="#project_first"]').one('click', function() {
        $('#project_firs').show();
    });
});