Как скрыть содержимое, когда страница загружается с использованием java-скрипта в odoo 8?

Я хочу скрыть весь контент при загрузке страницы. Он работает на иконке, когда я нажимаю на иконку, он скрывает контент, но мне нужно скрыть контент, когда страница загружена, вот мой код java-скрипта,

$(document.body).ready(function(){
    $(window).on('load', function () {
    $('.hide_class_name').hide();
})
    $('.icon_class_name').on('click', function(event) {        
        $('.hide_class_name').toggle('hide');
    });
}); 

Может ли кто-нибудь мне помочь Спасибо заранее.

1 ответ

Вы можете добавить класс к body тег, который будет скрывать его содержание

CSS

.hideBody{
display:none
}

HTML

<body class = "hideBody">
//Rest of Code
</body>

Теперь вы можете использовать document.readyState проверить, если это complete государство

JS

if(document.readyState ==='complete'){
document.getElementsByTagName('body').classList.add("hideBody")
}

использование document.onreadystatechange описывает состояние загрузки документа.

document.onreadystatechange = function () {
    if(document.readyState ==='complete'){
    document.getElementsByTagName('body').classList.add("hideBody")
    }
}
Другие вопросы по тегам