Time for action – avoiding the flicker effect

Let's put together a couple of examples so that we can see which situations can cause the problem to arise.

  1. Open up the fadeIn.html file from Chapter 2, and update the <nav> element so that it appears as follows (new code shown in bold):
    <nav>
      <ul class="purecss">
        <li class="first"><a href="#" title="Home">Home</a></li>
        <li>
          <a href="#" title="Articles">Articles</a>
          <div class="subnav">
            <ul class="left">
              <li><h2>JavaScript</h2></li>
              <li><a href="#" title="JS Article 1">JS Article 1</a></li>
              <li><a href="#" title="JS Article 2">JS Article 2</a></li>
              <li class="last"><a href="#" title="JS Article 3">JS Article 3</a></li>
            </ul>
            <ul class="right">
              <li><h2>jQuery</h2></li>
     <li><a href="#" title="jQuery ...

Get jQuery 1.4 Animation Techniques Beginner's Guide now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.