html,javaScript,jQuery

Question

 <style type="text/css">
.cnt> .cnt2  {display: none;}
#sss{display: none;}
</style>
$(document).ready(function(){
        var j = document.getElementById("courseid").innerHTML;
        if(j == null || j == ''){
            document.getElementById("aaa").style.display="none";
        }else{
            document.getElementById("aaa").style.display="block";
            }
    });

    <p class="cnt2" style="margin-top:10px;">名称:<span id="courseid" class="numberClass"></span></p>
                   </div>
                <div id="aaa" class="cnt">
                <p style="margin-left:180px;">分数：<span>50</span></p>
                <p style="margin-top:-30px">课程id:<span class="numberClass"></span></p>
                </div>

我现在想判断这个名称有值得时候，则将id为aaa的显示，否则。。。。
但是我现在页面一刷新就会闪现id为aaa，闪现之后再隐藏，这是怎么回事？能帮我看一下吗

Answer 1

先把id为aaa的样式设置为隐藏，执行js如果存在则显示，否则不显示。