Отображение объекта.

[ErUnDAK]

$("button#lol").on('click', function(){

        var s = document.getElementById("val1");
        var c = document.getElementById("val2");
        s.hidden = !s.hidden;
        c.hidden = !c.hidden;
    });

В данном коде у объекта с айди val 1, val2 есть аттрибут отображения hidden. Почему изначально объекты на html-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться? Как сделать скрытым и снова открыть объект?

[klierik]

33 minutes ago, ErUnDAK said:

Почему изначально объекты на html-страницы скрыты

проверь CSS

[andrey7287]

4 часа назад, ErUnDAK сказал:

чему изначально объекты на html-страницы скрыты, когда я им этот пустой аттрибут задаю, хотя по стандарту они должны отображаться?

Не должны. У hidden нет значения, он либо есть либо нет.  Странный атрибут, пользуйтесь лучше классами.  

[ErUnDAK]

Я решил проблему не добавляя данный атрибут к элементу в html.