title: How can I prevent navigation rendering as list before the CSS and Javascript are applied?
body: <p>I have navigation that is built with unordered list elements in HTML. I style it with CSS ( using <a href="http://purecss.io/menus/#add-dropdowns-to-menus" rel="nofollow noreferrer">PUREcss</a> ). Jquery is used, as is a small JS function. These are the <a href="http://purecss.io/menus/#add-dropdowns-to-menus" rel="nofollow noreferrer">implementation instructions from PUREcss</a>.</p>
  
  <p>When the page loads, it always renders the list as normal html before rendering the navigation. What can I do to prevent the initial rendering of the list?</p>
  
  <p><img src="https://i.stack.imgur.com/jitPB.png" alt="Initial Rendering of List"></p>
  
  <p><img src="https://i.stack.imgur.com/ZjOfB.png" alt="Final rendering of Navigation"></p>