In VF page popup modal should open first then content of vf page

Question

I have one VF page. I want user should able to access that vf page after entering password in modal that open first when VF page loads. But currently when VF page loads some content from VF page is visible(which should not be visible unless we enter password) for some micro seconds and then pop up modal is coming.

I have written modal visibility logic in document.ready().

$(document).ready(function(){
            $("#myModal").modal('show');
       });

I want modal should open first then content will visible to user after entering password. I thought spinner will help me to hide content. I tried to use spinner in document.ready but didn't worked.